js中怎么把数组中重复的数据取出来

JavaScript015

js中怎么把数组中重复的数据取出来,第1张

需要准备的材料分别是:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html的<script>标签中,输入js代码:

var a = [1, 6, 8, 5, 23, 6, 6, 7, 8], b = [], c = []

for (var i = 0i <a.lengthi++) {

if (c.indexOf(a[i]) === -1) {

c.push(a[i])

} else {

b.push(a[i])

}

}

document.body.innerText = b

3、浏览器运行index.html页面,此时会打印出数组a中重复的数据。

无需思考,我们可以得到 O(n^2) 复杂度的解法。定义一个变量数组 res 保存结果,遍历需要去重的数组,如果该元素已经存在在 res 中了,则说明是重复的元素,如果没有,则放入 res 中。

function unique(a) {

var res = []

for (var i = 0, len = a.lengthi <leni++) {

var item = a[i]

for (var j = 0, jLen = res.lengthj <jLenj++) {

if (res[j] === item)

break

}

if (j === jLen)

res.push(item)

}

return res

}

var a = [1, 1, '1', '2', 1]

var ans = unique(a)

console.log(ans)// =>[1, "1", "2"]

代码非常简单,那么是否能更简洁些?如果不考虑浏览器兼容,我们可以用 ES5 提供的 Array.prototype.indexOf 方法来简化代码。

function unique(a) {

var res = []

for (var i = 0, len = a.lengthi <leni++) {

var item = a[i]

(res.indexOf(item) === -1) &&res.push(item)

}

return res

}

var a = [1, 1, '1', '2', 1]

var ans = unique(a)

console.log(ans)// =>[1, "1", "2"]

既然用了 indexOf,那么不妨再加上 filter。

function unique(a) {

var res = a.filter(function(item, index, array) {

return array.indexOf(item) === index

})

return res

}

var a = [1, 1, '1', '2', 1]

var ans = unique(a)

console.log(ans)// =>[1, "1", "2"]