js数组去重兼容方法

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值