JavaScrip数组去重的方法有哪些

发布时间:2021-09-10 09:12:43 作者:chen
来源:亿速云 阅读:103

这篇文章主要讲解了“JavaScrip数组去重的方法有哪些”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JavaScrip数组去重的方法有哪些”吧!

本文实例讲述了JavaScrip数组去重操作。分享给大家供大家参考,具体如下:

内置的for-of方法

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

<script>

var arr=[2,1,1,3,'','','e','e',true,'true',true,false,false,'false',undefined,'undefined',undefined,null,'null',null];

function uniqueUseForOf(array) {

  const temp = []; //一个临时数组

  // 传入值必须存在,且长度小于等于1的时候直接返回数组

  if (array && array.length <= 1) {

    return array;

  } else {

    //遍历当前数组

    for (let x of array) {

      temp.indexOf(x) === -1 ? temp.push(x) : '';

    }

  }

  return temp;

}

uniqueUseForOf(arr);

console.log(uniqueUseForOf(arr))

</script>

内置的forEach方法

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

<script>

var arr=[3,1,1,3,'','','e','e',true,'true',true,false,false,'false',undefined,'undefined',undefined,null,'null',null];

function uniqueUseForEach(array) {

  // 传入值必须存在,且长度小于等于1的时候直接返回数组

  if (array && array.length <= 1) {

    return array;

  } else {

    var temp = []; //一个临时数组

    //遍历当前数组

    array.forEach(function (value, index) {

      temp.indexOf(value) == -1 ? temp.push(value) : '';

    })

    return temp;

  }

}

uniqueUseForEach(arr);

console.log(uniqueUseForEach(arr))

</script>

万能的for方法

1

2

3

4

5

6

7

8

9

10

11

12

13

14

<script>

var arr=[1,1,'','','e','e',true,'true',true,false,false,'false',undefined,'undefined',undefined,null,'null',null];

function uniqueUseFor(array) {

  var temp = []; //一个临时数组

  //遍历当前数组

  for (var i = 0, j = array.length; i < j; i++) {

    //很直白,新数组内判断是否有这个值,没有的情况下,就推入该新数组

    temp.indexOf(array[i]) === -1 ? temp.push(array[i]) : '';

  }

  return temp;

}

uniqueUseFor(arr);

console.log(uniqueUseFor(arr))

</script>

第一种方法:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

<script>

var arr = [1, 2, 3, 4, 1, 2, 4, 5, 6];

console.log(arr);

Array.prototype.unique = function() {

  var n = [this[0]]; //结果数组

  for(var i = 1; i < this.length; i++) //从第二项开始遍历

  {

    //如果当前数组的第i项在当前数组中第一次出现的位置不是i,

    //那么表示第i项是重复的,忽略掉。否则存入结果数组

    if(this.indexOf(this[i]) == i) n.push(this[i]);

  }

  return n;

};

console.log(arr.unique());

</script>

第二种方法:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

<script>

var arr = [1,2,3,4,1,2,4,5,6];

console.log(arr);

Array.prototype.unique = function()

{

  var n = {},

    r = []; //n为hash表,r为临时数组

  for (var i = 0; i < this.length; i++) { //遍历当前数组

    if (!n[this[i]]) { //如果hash表中没有当前项

      n[this[i]] = true; //存入hash表

      r.push(this[i]); //把当前数组的当前项push到临时数组里面

    }

  }

  return r;

};

console.log(arr.unique());

</script>

感谢各位的阅读,以上就是“JavaScrip数组去重的方法有哪些”的内容了,经过本文的学习后,相信大家对JavaScrip数组去重的方法有哪些这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是亿速云,小编将为大家推送更多相关知识点的文章,欢迎关注!

推荐阅读:
  1. JavaScrip的常见面试题有哪些
  2. php数组去重的方法有哪些

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

javascrip

上一篇:mybaits缓存导致的内存溢出java.lang.OutOfMemoryError: Java heap space怎么解决

下一篇:怎么通过重启路由的方法切换IP地址

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》