JS数组去掉重复元素
JS数组去掉重复元素,这里提供3中写法。
var arr =[1,2,3,4,5,6,3,4,7,2,4,1,8];
输出:[1,2,3,4,5,6,7,8];
1.使用indexOf()
arr.indexOf(a,b)这个方法是查找a在arr中首次出现的位置(b这个参数规定了在arr中开始检索的位置,可写可不写,不写的话检索位置为0).
利用这个方法来判断新数组中是否出现过这个元素,如果新数组中没有这个元素,那么把元素添加到新数组中,如果新数组中已经有这个元素了那就不进行操作,遍历之后得到的新数组即为所求。
<script>
var arr = [1,2,3,4,5,6,3,4,7,2,4,1,8];//原数组
var newArr = [];//定义一个新数组来接收元素 for(var i = 0;i<arr.length;i++){
//判断newArr中是否有arr[i]这个元素,如果返回结果为-1(<0)证明新数组newArr中没有这个元素,则把元素添加到新数组中
if(newArr.indexOf(arr[i])<0){
newArr.push(arr[i]);
}
} console.log(newArr); </script>
2.不添加新数组的比较
将数组中前一个元素与后面剩下的元素依次进行比较,如果发现两个元素相同,则删除后面的元素。
这里会用到arr.splice(index,n);这个方法是删除数组中的某个元素,删除下标为index的元素,删除n位
<script>
var arr = [1,2,3,4,5,6,3,4,7,2,4,1,8];
for(var i = 0;i<arr.length-1;i++){//遍历获取“前一个元素”,最后一个数不用获取,它本身已经被前面所有元素给排除过了
for(var j = i+1;j<arr.length;j++){//遍历获取剩下的元素,“后一个元素”的起始索引就是“前一个元素”的索引+1
if(arr[i] == arr[j]){//如果“前一个元素”与后面剩下的元素之一相同,那么就要删除后面的这个元素
arr.splice(j,1);
j--;//如果删除了这个元素,那么后面的元素索引值就会发生改变,所以这里的j需要-1
}
}
}
console.log(arr);
</script>
3.使用空对象比较
这个方法相对来说比较麻烦,是我前几天学习对象的时候写的方法,主要就是利用对象的属性和属性值来判断这个对象中是否存在这个属性,如果存在这个属性那么就把这个元素在数组中删除当中。
把数组的元素给对象当成属性,对象中没有这个属性,那么就添加这个属性并给属性一个属性值,如果这个对象中有这个属性那么就删除这个数组的元素。
<script>
var obj = {};
for(var i = 0;i<arr.length;i++){
var o = arr[i];//将数组中的元素给对象
if(obj[o] == undefined){//obj[o]取对象中属性为o的属性,如果没有这个属性则会返回undefined
//可以判断obj这个对象中有没有这个属性
obj[o] = 1;
}else{
arr.splice(i,1);
}
}
console.log(arr); </script>
JS数组去掉重复元素的更多相关文章
- 高效率去掉js数组中重复项
Array类型并没有提供去重复的方法,如果要把数组的重复元素干掉,那得自己想办法: function unique(arr) { var result = [], isRepeated; for (v ...
- php 去除数组中重复元素
去除数组中重复元素, 找了下可以一下两个函数 php array_flip()与array_uniqure() $arr = array(…………) ;// 假设有数组包含一万个元素,里面有重复的元素 ...
- 统计js数组中奇数元素的个数
如何统计一个JS数组中奇数元素的个数呢? 这是群友提出的一个问题,大部分群友给出的是遍历 然后对2取模,得到最终结果. 这样的写法是最容易想得到的,那么有没有其他思路呢? 这里我提供另外一种思路,我们 ...
- list去掉重复元素
需求: 有list 里面含有重复元素,要求去掉重复元素: solution 1: >>> a [1, 2, 2, 1, 3, 4, 5, 6, 5] >>> set ...
- PHP 二维数组去掉重复值并保持原结构
PHP 二维数组去掉重复值并保持原结构 直接上代码,解释很详细 //二维数组去掉重复值 function arrunique($a){ foreach($a[0] as $k => $v){ / ...
- Go切片去掉重复元素
1.Go切片去掉重复元素 如果传入的是string类型: //slice去重 func removeRepByMap(slc []string) []string { result := []stri ...
- 在angular中使用ng-repeat时数组中有重复元素,要用item in items track by $index
在angular中使用ng-repeat时数组中有重复元素,要用item in items track by $index,不然会报错 <div class="" ng-in ...
- JS如何去掉一个数组的重复元素 (数组去重)
一.思路如下: 定义一个新数组,将老数组遍历一遍,再进行判断,如果新数组里面没有老数组的元素就添加,否则就不添加,最终输出整个新数组. 二.代码如下: var arr = ["a" ...
- JS - 给数组的原型添加去掉重复元素的distinct方法
/* 调用完该方法,原数组只留下非重复的数据 返回一个数组,里面是依次出现的重复元素 */Array.prototype.distinct = function () { var removeA ...
随机推荐
- oracle-游标-存储过程-函数-包
一.存储过程 不可以在insert,update,delete中直接使用,可以有return但代表的是退出过程 过程有三种类型:不返回值,可以返回多个值,参数有三种类型,分别如下: in:只输入,不返 ...
- 浏览器与NodeJS环境 eventloop异同详解(转)
结论:浏览器中是一个宏任务,所有微任务,一个宏任务,所有微任务... NodeJS中,一种宏任务队列所有任务,所有微任务,一种宏任务队列所有任务,所有微任务... ┌─────── ...
- postgreSQL 之 Privilege & grant & revoke(未完待续)
When an object is created, it is assigned an owner. The owner is normally the role that executed the ...
- VMware安装Centos7超详细过程
本篇文章主要介绍了VMware安装Centos7超详细过程(图文),具有一定的参考价值,感兴趣的小伙伴们可以参考一下 一.软硬件准备 软件:推荐使用VMwear,我用的是VMwear 12 镜像:Ce ...
- 阿里云轻量应用服务器 配置mysql详解(转载)
1.服务器规格 1.地域选择 考虑个人地址因素因此选择了华南. 2.选择应用镜像/系统镜像 这个应该看个人需求,因为我只是想用来放数据库的,所以就随便选了个WordPress. 选好之后购买就完事了, ...
- delphi7 clientdataset 详解
delphi Midas SQLServer的自增字段的处理1.新增时,表中有自增字段,但是不希望用Refresh,直接ApplyUpdates直接看见自增字段的值在DataSetProvider.A ...
- iOS 11适配
1.http://www.cocoachina.com/ios/20170915/20580.html 简书App适配iOS 11 2.http://www.jianshu.com/p/efb ...
- VScode中文乱码的问题
在vscode中打开文件,文件中的中文乱码了.解决方案: 1.vscode右下角,点击utf-8 (选择编码) 2.出现下面选择框,点击第一个 3.输入gb2312,如图选择 4.此刻解决乱码问题了. ...
- 神经网络手写数字识别numpy实现
本文摘自Michael Nielsen的Neural Network and Deep Learning,该书的github网址为:https://github.com/mnielsen/neural ...
- Linux 下清空或删除大文件内容的 5 种方法
在 Linux 终端下处理文件时,有时我们想直接清空文件的内容但又不必使用任何 Linux 命令行编辑器 去打开这些文件.那怎样才能达到这个目的呢?在这篇文章中,我们将介绍几种借助一些实用的命令来清空 ...