js中去重的12种方法

1.将数组的每一个元素依次与其他元素做比较，发现重复元素，删除

function noRepeat1(arr) {for (var i = 0; i < arr.length - 1; i++) {for (var j = i + 1; j < arr.length; j++) {if (arr[i] === arr[j]) {arr.splice(j, 1);j--;}}}return arr;}

2.借助indexOf()方法判断此元素在该数组中首次出现的位置下标与循环的下标是否相等

function noRepeat2(arr) {for (var i = 0; i < arr.length; i++) {if (arr.indexOf(arr[i]) != i) {arr.splice(i, 1); //删除数组元素后数组长度减1后面的元素前移i--; //数组下标回退}}return arr;}

3.利用数组中的filter方法

function noRepeat3(arr) {var newArr = arr.filter(function(value, index, self) {return self.indexOf(value) === index;});return newArr;}

4.借助新数组通过indexOf方判断当前元素在数组中的索引如果与循环的下标相等则添加到新数组中\

function noRepeat4(arr) {var newArr = [];for (var i = 0; i < arr.length; i++) {if (arr.indexOf(arr[i]) == i) {newArr.push(arr[i]);}}return newArr;}

5.利用空对象来记录新数组中已经存储过的元素

function noRepeat5(arr) {var obj = {};var newArr = [];for (var i = 0; i < arr.length; i++) {if (!obj[arr[i]]) {obj[arr[i]] = true;newArr.push(arr[i]);}}return newArr;}

6.借助新数组，判断新数组中是否存在该元素如果不存在则将此元素添加到新数组中

function noRepeat6(arr) {var newArr = [];for (var i = 0; i < arr.length; i++) {if (newArr.indexOf(arr[i]) == -1) {newArr.push(arr[i]);}}return newArr;}

7.借助新数组，判断新数组中是否存在该元素如果不存在则将此元素添加到新数组中（原数组长度不变但被按字符串顺序排序）

function noRepeat7(arr) {var newArr = [],end; //临时变量用于对比重复元素arr.sort(); //将数重新组排序end = arr[0];newArr.push(arr[0]);for (var i = 1; i < arr.length; i++) {if (arr[i] != end) { //当前元素如果和临时元素不等则将此元素添加到新数组中newArr.push(arr[i]);end = arr[i];}}return newArr;}

8.此方法没有借助新数组直接改变原数组,并且去重后的数组被排序

function noRepeat8(arr) {var end; //临时变量用于对比重复元素arr.sort((a, b) => a - b); //将数重新组排序end = arr[0];for (var i = 1; i < arr.length; i++) {if (arr[i] == end) { //当前元素如果和临时元素相等则将此元素从数组中删除arr.splice(i, 1);i--;} else {end = arr[i];}}return arr;}

9.双层循环改变原数组

function noRepeat9(arr) {for (var i = 0; i < arr.length; i++) {for (var j = 0; j < arr.length; j++) {if (arr[i] == arr[j] && i != j) { //将后面重复的数删掉arr.splice(j, 1);}}}return arr;}

借助新数组

function noRepeat10(arr) {var newArr = [];for (var i = 0; i < arr.length; i++) {var repArr = []; //接收重复数据后面的下标//内层循环找出有重复数据的下标for (var j = i + 1; j < arr.length; j++) {if (arr[i] == arr[j]) {repArr.push(j); //找出后面重复数据的下标}}if (repArr.length == 0) { //若重复数组没有值说明其不是重复数据newArr.push(arr[i]);}}return newArr;}

11.借助ES6提供的Set结构

function noRepeat11(arr) {var newArr = [];var myset = new Set(arr); //利用了Set结构不能接收重复数据的特点for (var val of myset) {newArr.push(val)}return newArr;}

12.借助ES6提供的Set结构 + 展开运算符

function noRepeat12(arr) {return [...new Set(arr)];}

js中去重的12种方法相关推荐

数组去重的12种方法总结
数组去重的11种方法 (1)ES5常用:利用for嵌套for,然后splice去重 function unique(arr) {for (var i = 0; i < arr.length; i ...
原生JS数组去重的几种方法
有时候我们做项目的时候往往会需要把数组里面一些重复的项去掉,但是原生JS有排序,有筛选等等,但是就是没有数组去重怎么办呢? 这能怎么办,自己手动实现嘛.(以下代码直接在原型上添加的的方法,为的就是和原 ...
js数组去重的四种方法
四种算法来实现这个目的: Array.prototype.unique1 = function () {var n = []; //一个新的临时数组for (var i = 0; i < thi ...
JS----JavaScript数组去重（12种方法，史上最全）
数组去重的方法一.利用ES6 Set去重(ES6中最常用) Set 不包含重复元素的值的集合 Map 双列集合键值对与object的区别 : object中的key只能是string类型而Ma ...
js 数组去重的几种方法
1. new Set 的两种方法 let arr = [1, 0, 0, 2, 9, 8, 3, 1];function unique(arr) {return Array.from(new Set( ...
js中事件绑定3种方法以及事件委托
###事件绑定首先,我先来介绍我们平时绑定事件的三种方法. 1.嵌入dom <button onclick="open()">按钮</button>< ...
js中创建对象的5种方法
1.Object构造函数模式所谓 Object 构造函数就是将 Object 作为构造函数,先创建一个空的 Object 对象,再动态添加属性或者方法. //创建 Object 对象 var p = ...
js数组去重的5种方法
// 数组去重 var arr = [1, 2, 2, 3, 4, 4, 5, 6, 7, 7, 4, 3, 5, 7, 11, 12, 11]; var newArr = [];//方法1最优 se ...
SQL 中去重的三种方法
点击关注上方"逆锋起笔", 设为"置顶或星标",第一时间送达干货 blog.csdn.net/xienan_ds_zj/article/details/1038 ...

js中去重的12种方法

js中去重的12种方法相关推荐

最新文章

热门文章