js兼容数组去重方法
利用js数组的 splice以及indexOf 方法实现兼容数组去重;
先看简单的利用indexOf方法实现数组去重,新建空数组存放去重后的数组。
循环遍历数组利用indexOf方法判断原数组元素在结果数组中下标,如果为-1就表示结果数组里面不含有该元素,这时候将元素push进结果数组最后输出结果数组。
<script>
var array = [12, 3, 4, 4, 2];
function arrayWeighting() {
var result = [];
for (var i = 0; i < array.length; i++) {
if (result.indexOf(array[i]) == -1) {
result.push(array[i]);
}
}
console.log(result);
}
arrayWeighting();
</script>
首先我们应该知道indexOf方法是从IE9开始才使用那么对于IE9以下的ie版本这个代码就是有缺陷的
兼容方法也很简单,首先通过if语句判断浏览器是否支持indexOf方法:if(!result.indexOf());
<script>
var array = [12, 3, 4, 4, 2];
function arrayWeighting() {
var result = [];
for (var i = 0; i < array.length; i++) {
if (!result.indexOf) {
//todo
} else {
if (result.indexOf(array[i]) == -1) {
result.push(array[i]);
}
}
}
console.log(result);
}
arrayWeighting();
</script>
如果不支持indexOf方法在//todo处实现兼容代码;
思路:通过对比数组前后元素是否相等,如果相等利用splice方法删除后面再次出现的元素,将删除重复元素后的原数组元素push到结果数组
splice删除元素方法的参数为两个splice(index,num),分别为开始下标和删除个数
最终代码:
<script>
var array = [12, 3, 4, 4, 2];
function arrayWeighting() {
var result = [];
for (var i = 0; i < array.length; i++) {
if (!result.indexOf) {
for (var j = i + 1; j < array.length; j++) {
if (array[i] === array[j]) {
array.splice(j, 1);
}
}
result.push(array[i]);
} else {
if (result.indexOf(array[i]) == -1) {
result.push(array[i]);
}
}
}
console.log(result);
}
arrayWeighting();
</script>
内层循环的j=i+1是为了避免元素与自身比较,出现删除不重复元素的bug