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;
  }
}
相关推荐
午安~婉4 分钟前
HTML CSS八股
前端·css·html
有事没事实验室5 分钟前
css变量
前端·css
前端付豪17 分钟前
Vue 中的 JSX:让组件渲染更灵活的正确方式
前端·javascript·vue.js
在泡泡里18 分钟前
前端规范【四】eslint(antfu)、lefthook、commitlint
前端
烛阴19 分钟前
Python 几行代码,让你的照片秒变艺术素描画
前端·python
Jolyne_43 分钟前
如何实现无感刷新Token
前端
用户4099322502121 小时前
Vue3响应式系统的底层原理与实践要点你真的懂吗?
前端·ai编程·trae
qq_479875431 小时前
RVO和移动语义
前端·算法
加菲喵1 小时前
深度解析:在vue3中使用自定义Hooks
前端
hxmmm1 小时前
js中生成器和迭代器
前端