js json数组去重
时间: 2023-10-26 08:07:57 浏览: 43
可以使用ES6的Set数据结构来去重,具体代码如下:
let arr = [1, 2, 3, 3, 4, 4, 5];
let uniqueArr = Array.from(new Set(arr));
console.log(uniqueArr); // [1, 2, 3, 4, 5]
如果需要去重的是包含JSON对象的数组,则可以先将数组中的JSON对象序列化成字符串,再进行去重操作,最后再将字符串还原为JSON对象,具体代码如下:
let arr = [{name: 'Tom', age: 18}, {name: 'Jack', age: 20}, {name: 'Tom', age: 18}];
let uniqueArr = Array.from(new Set(arr.map(JSON.stringify))).map(JSON.parse);
console.log(uniqueArr); // [{name: "Tom", age: 18}, {name: "Jack", age: 20}]
相关问题
vueJSON数组去重
在Vue中,可以使用JavaScript的方法对JSON数组进行去重。以下是一种常见的方法:
1. 使用Set数据结构:Set是ES6中的一种数据结构,它可以存储唯一的值。我们可以利用Set的特性来实现数组去重。
```javascript
let jsonArray = [{id: 1, name: 'Alice'}, {id: 2, name: 'Bob'}, {id: 1, name: 'Alice'}];
let uniqueArray = Array.from(new Set(jsonArray.map(JSON.stringify))).map(JSON.parse);
console.log(uniqueArray);
```
上述代码中,我们首先使用`map`方法将JSON对象转换为字符串,然后利用Set的特性去除重复的字符串,再通过`map`方法将字符串转换回JSON对象,最终得到去重后的数组。
2. 使用reduce方法:reduce方法可以对数组进行迭代操作,并返回一个累加结果。我们可以利用reduce方法来实现数组去重。
```javascript
let jsonArray = [{id: 1, name: 'Alice'}, {id: 2, name: 'Bob'}, {id: 1, name: 'Alice'}];
let uniqueArray = jsonArray.reduce((acc, cur) => {
let isExist = acc.find(item => item.id === cur.id);
if (!isExist) {
acc.push(cur);
}
return acc;
}, []);
console.log(uniqueArray);
```
上述代码中,我们使用reduce方法对数组进行迭代操作,通过判断当前元素是否已存在于累加结果中,来决定是否将当前元素添加到累加结果中,从而实现数组去重。
这两种方法都可以在Vue中使用,根据实际情况选择适合的方法进行数组去重。
js json数组去重,兼容ie
可以使用以下代码实现:
```javascript
var arr = [1, 1, 2, 3, 3, 4, 5, 5];
var result = [];
for (var i = 0; i < arr.length; i++) {
if (result.indexOf(arr[i]) === -1) {
result.push(arr[i]);
}
}
console.log(result);
```
这个方法可以在IE中兼容,但是如果数组中包含复杂的对象,就需要做更多的判断。