您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

JavaScript中数组去重的5种方法是什么

2024/3/8 16:41:46发布14次查看
数组去重的5种方法:1、用“[...new set(arr)]”语句去重;2、用“array.from(new set(arr))”语句去重;3、利用indexof()去重;4、利用includes()去重;5、利用filter()去重。
本教程操作环境:windows7系统、javascript1.8.5版、dell g3电脑。
数组去重的方法
1、[...new set(arr)]
const arr = [1, 2, 3, 2, 3];[...new set(arr)]; // [1, 2, 3]
这里是通过 es6 的展开语法将 set 对象转换成数组;
2、array.from(new set(arr))
const arr = [1, 2, 3, 2, 3];array.from(new set(arr)); // [1, 2, 3]
由于 set 中的元素是唯一的,无论是原始值或者是对象引用,所以可以通过将数组转换成 set 对象来实现去重
array.from方法可以将 set 对象转换成数组
3、利用indexof去重
function unique(arr) { if (!array.isarray(arr)) { console.log('type error!') return } var array = []; for (var i = 0; i < arr.length; i++) { if (array .indexof(arr[i]) === -1) { array .push(arr[i]) } } return array;}var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, nan, nan,'nan', 0, 0, 'a', 'a',{},{}];console.log(unique(arr)) // [1, "true", true, 15, false, undefined, null, nan, nan, "nan", 0, "a", {…}, {…}] //nan、{}没有去重
新建一个空的结果数组,for 循环原数组,判断结果数组是否存在当前元素,如果有相同的值则跳过,不相同则push进数组。
4、利用includes
function unique(arr) { if (!array.isarray(arr)) { console.log('type error!') return } var array =[]; for(var i = 0; i < arr.length; i++) { if( !array.includes( arr[i]) ) {//includes 检测数组是否有某个值 array.push(arr[i]); } } return array}var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, nan, nan,'nan', 0, 0, 'a', 'a',{},{}]; console.log(unique(arr)) //[1, "true", true, 15, false, undefined, null, nan, "nan", 0, "a", {…}, {…}] //{}没有去重
5、利用filter
function unique(arr) { return arr.filter(function(item, index, arr) { //当前元素,在原始数组中的第一个索引==当前索引值,否则返回当前元素 return arr.indexof(item, 0) === index; });} var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, nan, nan,'nan', 0, 0, 'a', 'a',{},{}]; console.log(unique(arr))//[1, "true", true, 15, false, undefined, null, "nan", 0, "a", {…}, {…}]
【相关推荐:javascript学习教程】
以上就是javascript中数组去重的5种方法是什么的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product