js数组 不重复添加元素的方法
在JavaScript中,我们经常需要向数组中添加元素。但是有时候我们需要确保不重复添加元素,这就需要用到一些特殊的方法。
以下是一些js数组不重复添加元素的方法:
1.使用Array.indexOf()方法
Array.indexOf()方法可以用来检查数组中是否已经存在某个元素。如果不存在则返回-1,存在则返回元素所在的位置。因此,我们可以使用这个方法来判断需要添加的元素是否已经存在于数组中。
示例代码:
```
var arr = [1, 2, 3];
if(arr.indexOf(4) === -1){
arr.push(4);
}
console.log(arr); //[1, 2, 3, 4]
if(arr.indexOf(3) === -1){
indexof的用法javascript arr.push(3);
}
console.log(arr); //[1, 2, 3, 4]
```
2.使用Set对象
Set是ES6中新增的数据结构,它类似于数组,但是成员的值都是唯一的,没有重复的值。因此,我们可以通过将数组转换为Set对象,再将需要添加的元素添加到Set对象中,
最后再将Set对象转换为数组来实现添加不重复元素的操作。
示例代码:
```
var arr = [1, 2, 3];
var set = new Set(arr);
set.add(4);
console.log([...set]); //[1, 2, 3, 4]
set.add(3);
console.log([...set]); //[1, 2, 3, 4]
```
3.使用Array.includes()方法
Array.includes()方法可以用来检查数组中是否已经存在某个元素。如果存在则返回true,否则返回false。因此,我们可以使用这个方法来判断需要添加的元素是否已经存在于数组中。
示例代码:
```
var arr = [1, 2, 3];
if(!arr.includes(4)){
arr.push(4);
}
console.log(arr); //[1, 2, 3, 4]
if(!arr.includes(3)){
arr.push(3);
}
console.log(arr); //[1, 2, 3, 4]
```
这些都是js数组不重复添加元素的方法,可以根据实际情况选择使用。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论