一看就会——js数组去重

简介: 一看就会——js数组去重

原生for循环去重

var str = [
    1, 2, 2, 2, 2,
    3, 4, 43, 2, 21,
    2, 1, 1, 1, 2, 3,
    3, 4, 5, 6, 7, 7,
    6, 57, 7, 89, 9,
    6, 45, 32, 43, 43,
]
var strArr=[]  //存放不重复数据
for (let i = 0; i < str.length; i++) {
    if(strArr.indexOf(str[i])===-1){
        strArr.push(str[i])
    }
}
console.log(str)  //原数组
console.log(strArr)   //去重后


ES6中的set方法去重

set是一个集合允许存储任何类型的唯一值,无论是原始值还是对象引用

set通过构造函数的方式生成,接收一个数组作为参数。

Array.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组。

var str = [
    1, 2, 2, 2, 2,
    3, 4, 43, 2, 21,
    2, 1, 1, 1, 2, 3,
    3, 4, 5, 6, 7, 7,
    6, 57, 7, 89, 9,
    6, 45, 32, 43, 43,
]
//es6中的set方法去重
console.log(str)    //原数组
str.sort((a, b) => {  //排序
    return a - b
})
console.log(
    Array.from(
        new Set(str)
    )
)  //去重后
//ES6中的set方法不允许重复。Array.from()方法把一个类似于数组的对象转换成数组
//set是一个集合允许存储任何类型的唯一值,无论是原始值还是对象引用
//set通过构造函数的方式生成,接收一个数组作为参数
//Array.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组。


打印出来可以看到

image.png

相关文章
|
9月前
|
存储 JavaScript 前端开发
全网最全情景,深入浅出解析JavaScript数组去重:数值与引用类型的全面攻略
如果是基础类型数组,优先选择 Set。 对于引用类型数组,根据需求选择 Map 或 JSON.stringify()。 其余情况根据实际需求进行混合调用,就能更好的实现数组去重。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
存储 JavaScript 前端开发
史上最详细JavaScript数组去重方法(11种)
使用set和Array.from ()方法 array.from可以将set结构转成数组
336 7
|
前端开发 JavaScript 算法
使用 JavaScript 数组方法实现排序与去重
【10月更文挑战第21天】通过灵活运用 `sort()` 方法和 `filter()` 方法,我们可以方便地实现数组的排序和去重。同时,深入理解排序和去重的原理,以及根据实际需求进行适当的优化,能够更好地应对不同的情况。可以通过实际的项目实践来进一步掌握这些技巧,并探索更多的应用可能性。
367 59
|
JavaScript
js数组去重
js数组去重
221 56
|
存储 JavaScript 前端开发
JavaScript数组去重的八种方法详解及性能对比
在JavaScript开发中,数组去重是一个常见的操作。本文详细介绍了八种实现数组去重的方法,从基础的双重循环和 indexOf() 方法,到较为高级的 Set 和 Map 实现。同时,分析了每种方法的原理和适用场景,并指出了使用 Set 和 Map 是目前最优的解决方案。通过本文,读者可以深入理解每种方法的优缺点,并选择最合适的数组去重方式。
890 0
|
JavaScript 索引
js数组去重的常见方法
js数组去重的常见方法
164 0
|
存储 JavaScript 前端开发
JS中数组去重的几种方法
JS中数组去重的几种方法
227 1
|
JavaScript
分享经典面试题:JS数组去重的多种方法
分享经典面试题:JS数组去重的多种方法
|
JavaScript
js多维数组去重并使具有相同属性的对象数量相加
js多维数组去重并使具有相同属性的对象数量相加
93 1
|
JavaScript
js数组去重
js数组去重
111 1

热门文章

最新文章