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测试运行结果如下：

补充：

indexOf()

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

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

在线去除重复项工具：
http://tools.jb51.net/code/quchong

在线文本去重复工具：
http://tools.jb51.net/aideddesign/txt_quchong

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

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

您可能感兴趣的文章:

• JavaScript读写二进制数据的方法详解
• JavaScript实现JSON合并操作示例【递归深度合并】
• JavaScript函数、闭包、原型、面向对象学习笔记
• JavaScript日期工具类DateUtils定义与用法示例
• Reactnative-iOS回调Javascript的方法
• JavaScript实现简单的隐藏式侧边栏功能示例
• 详解vue-cli 脚手架项目-package.json
• package.json文件配置详解
• 详解Nodejs之npm&package.json
• nodejs npm package.json中文文档
• Package.js 现代化的JavaScript项目make工具
• Javascript 之封装（Package）