需要准备的材料分别是:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html。
2、在index.html的<script>标签中,输入js代码:
var a = [1, 6, 8, 5, 23, 6, 6, 7, 8], b = [], c = []
for (var i = 0i <a.lengthi++) {
if (c.indexOf(a[i]) === -1) {
c.push(a[i])
} else {
b.push(a[i])
}
}
document.body.innerText = b
3、浏览器运行index.html页面,此时会打印出数组a中重复的数据。
方法1:[js] view plain copy
Array.prototype.method1 = function(){
var arr[] //定义一个临时数组
for(var i = 0i <this.lengthi++){//循环遍历当前数组
//判断当前数组下标为i的元素是否已经保存到临时数组
//如果已保存,则跳过,否则将此元素保存到临时数组中
if(arr1.indexOf(this[i]) == -1){
arr.push(this[i])
}
}
return arr
}
方法2:
[js] view plain copy
Array.prototype.method2 = function(){
var h{} //定义一个hash表
var arr[] //定义一个临时数组
for(var i = 0i <this.lengthi++){//循环遍历当前数组
//对元素进行判断,看是否已经存在表中,如果存在则跳过,否则存入临时数组
if(!h[this[i]]){
//存入hash表
h[this[i]] = true
//把当前数组元素存入到临时数组中
arr.push(this[i])
}
}
return arr
}
方法3:
[js] view plain copy
Array.prototype.method3 = function(){
//直接定义结果数组
var arr[this[0]]
for(var i = 1i <this.lengthi++){//从数组第二项开始循环遍历此数组
//对元素进行判断:
//如果数组当前元素在此数组中第一次出现的位置不是i
//那么我们可以判断第i项元素是重复的,否则直接存入结果数组
if(this.indexOf(this[i]) == i){
arr.push(this[i])
}
}
return arr
}
方法4:
[js] view plain copy
Array.prototype.method4 = function(){
//将数组进行排序
this.sort()
//定义结果数组
var arr[this[0]]
for(var i = 1i <this.lengthi++){//从数组第二项开始循环遍历数组
//判断相邻两个元素是否相等,如果相等说明数据重复,否则将元素写入结果数组
if(this[i] !== arr[arr.length - 1]){
arr.push(this[i])
}
}
return arr
}
js数组去重的方法可以利用数组排序,通过相邻元素比较,去除重复元素。
去重,一般都是在面试的时候才会碰到,一般是要求手写数组去重方法的代码。在真实的项目中碰到的数组去重,一般都是后台去处理,很少让前端处理数组去重。虽然日常项目用到的概率比较低,但还是需要了解一下,以防面试的时候可能回被问到。
利用for嵌套for,然后splice去重(ES5中最常用)。双层循环,外层循环元素,内层循环时比较值。值相同时,则删去这个值。想快速学习更多常用的ES6语法,可以看一些相关的文章如《学习ES6笔记──工作中常用到的ES6语法》。
js数组去重的几种方法
利用数组排序,通过相邻元素比较,去除重复元素,可以严格匹配以区分数据类型。
借用对象属性方法,将数组中的元素添加为对象的属性。遍历数组元素的时候查询对象是否已经有该属性,如果有则不重复添加。
借用正则匹配的方法,将新数组转换为字符串。原数组中的每个元素与在字符串中查找,如果匹配到,则不添加。
使用js新特性的Map对象,使用键值对的方式修改第二种方法。或者利用Set对象,自动过滤掉重复项,而且可以判断数据类型。