JavaScript 数组去重 ES6 方法总结

JavaScript 数组去重 ES6 方法

方法一

new Set()生成出来的数据是Set数据结构,需要自行转换成对应结构

javascript 复制代码
let array = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 2, 3, 3, 3, 9, 8, 9, 's', 'o', 'o'];
Array.from(new Set(array));

方法二

javascript 复制代码
let array = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 2, 3, 3, 3, 9, 8, 9, 's', 'o', 'o'];
...new Set(array);

或
const a = '12345678971100';
const b = [...new Set(a)].join('');

方法三

使用indexOf() 方法用于在字符串中查找指定子串,并返回第一个匹配项的索引。

javascript 复制代码
let array = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 2, 3, 3, 3, 9, 8, 9, 's', 'o', 'o'];

let newarr = [];
for (var i = 0; i < array.length; i++) {
  if (newarr.indexOf(array[i]) == -1) {
    newarr.push(array[i]);
  };
};

方法四

javascript 复制代码
let array = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 2, 3, 3, 3, 9, 8, 9, 's', 'o', 'o'];

let newarr2 = [];
array.sort(); //先将数组排序
for (var i = 0; i < array.length; i++) {
  if (array[i] !== array[i + 1]) { //判断后一项 是否跟前一项一样 将后一项放入新数组
    newarr2.push(array[i]);
  };
};

方法五

javascript 复制代码
let array = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 2, 3, 3, 3, 9, 8, 9, 's', 'o', 'o'];

var res = [array[0]];
for (var i = 0; i < array.length; i++) {
  var repeat = false;
  for (var j = 0; j < res.length; j++) {
    if (array[i] == res[j]) {
      repeat = true;
      break;
    }
  }
  if (!repeat) {
    res.push(array[i]);
  }
}

方法六

javascript 复制代码
let array = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 2, 3, 3, 3, 9, 8, 9, 's', 'o', 'o'];

var res = [];
var json = {};
for (var i = 0; i < array.length; i++) {
  if (!json[array[i]]) {
    res.push(array[i]);
    json[array[i]] = 1;
  }
}
相关推荐
顺丰同城前端技术团队9 分钟前
DeepSeek 国产大模型新标杆
前端·后端·程序员
Java水解10 分钟前
微前端架构:从单体到模块化的前端新革命
前端
Mr_汪13 分钟前
uniapp使用h5的map(已弃用)
前端
前端进阶者16 分钟前
vite调试node_modules下面插件
前端·vite
YaHuiLiang24 分钟前
小微互联网公司与互联网创业公司 -- 学历之殇
前端·后端·面试
用户261245834016126 分钟前
vue学习路线(11.watch对比computed)
前端·vue.js
CAD老兵32 分钟前
前端 Source Map 原理与结构详解
前端
gnip36 分钟前
markdown预览自定义扩展实现
前端·javascript
大猫会长1 小时前
mac中创建 .command 文件,执行node服务
前端·chrome
旧时光_1 小时前
Zustand 状态管理库完全指南 - 进阶篇
前端·react.js