欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JavaScript使用indexOf()实现数组去重的方法分析

程序员文章站 2023-12-25 16:22:51
本文实例讲述了javascript使用indexof()实现数组去重的方法。分享给大家供大家参考,具体如下: 数组去重方法有多中,这里列举出自己认为比较容易理解的方法....

本文实例讲述了javascript使用indexof()实现数组去重的方法。分享给大家供大家参考,具体如下:

数组去重方法有多中,这里列举出自己认为比较容易理解的方法.

思路:

  • 1. 创建一个新的空数组,用来存放去重后的新数组.
  • 2. 利用for循环循环遍历需要去重的数组.
  • 3. 利用indexof()方法查询遍历出的数组在新数组中是否出现,如果出现:则继续遍历数组,如未出现:则利用push方法添加到新数组中.
  • 4. 原数组循环遍历完成后,组建一个已经去除重复的新数组.
<script>
  var arr = [1,3,4,5,6,7,4,3,2,4,5,6,7,3,2];
  function find(){
    var newarr = [];
    for (var i = 0; i < arr.length; i++) {
      if (newarr.indexof(arr[i]) == -1 ) {
        newarr.push(arr[i]);
      }
    }
    document.write(newarr);
  }
  find(arr);
</script>

这里使用在线html/css/javascript代码运行工具http://tools.jb51.net/code/htmljsrun测试运行结果如下:

JavaScript使用indexOf()实现数组去重的方法分析

补充:indexof() 方法返回值:

  • 如果检索的结果没有匹配值,则返回 -1.
  • 如果检索的结果匹配到,则返回 1.

ps:这里再为大家提供几款相关工具供大家参考使用:

在线去除重复项工具:

在线文本去重复工具:

更多关于javascript相关内容还可查看本站专题:《javascript数组操作技巧总结》、《javascript字符与字符串操作技巧总结》、《javascript遍历算法与技巧总结》、《javascript查找算法技巧总结》、《javascript数学运算用法总结》、《javascript数据结构与算法技巧总结》及《javascript错误与调试技巧总结

希望本文所述对大家javascript程序设计有所帮助。

上一篇:

下一篇: