JS数组重复怎么移除,数组的元素是文本
时间: 2024-10-10 18:04:21 浏览: 31
渲染数组某个元素 渲染数组某个元素
在JavaScript中,如果你想从包含文本元素的数组中去除重复项,可以使用多种方法。以下是几种常见的做法:
1. **Set** 对象:利用Set数据结构,它不允许有重复值,可以将数组转换为Set,然后再转回数组。
```javascript
let arr = ["a", "b", "c", "b", "d"];
let uniqueArr = [...new Set(arr)];
```
2. **filter() + indexOf()** 或者 **includes()**:遍历数组,通过检查每个元素是否已经在新数组中存在来过滤掉重复。
```javascript
let arr = ["a", "b", "c", "b", "d"];
let uniqueArr = arr.filter((value, index, self) => {
return self.indexOf(value) === index;
});
```
或者
```javascript
let uniqueArr = arr.filter((value) => !arr.includes(value));
```
3. **reduce()** 函数:用一个函数作为累加器,每次迭代都将当前元素与之前的结果比较,只有当两者不相等时才添加到结果数组。
```javascript
let arr = ["a", "b", "c", "b", "d"];
let uniqueArr = arr.reduce((acc, value) => acc.includes(value) ? acc : [...acc, value], []);
```
阅读全文