javascript在数组里面找不同的属性值组成数组
时间: 2023-08-30 22:04:04 浏览: 87
寻找数组中的值
可以使用Array.prototype.reduce()方法和Array.prototype.includes()方法来实现。
假设有如下数组:
```javascript
const arr = [
{ id: 1, name: 'Tom' },
{ id: 2, name: 'Jerry' },
{ id: 3, name: 'Alice' },
{ id: 4, name: 'Bob' },
{ id: 5, name: 'Tom' }
];
```
我们要找出数组中不同的name属性值,可以使用以下代码:
```javascript
const result = arr.reduce((acc, cur) => {
if (!acc.includes(cur.name)) {
acc.push(cur.name);
}
return acc;
}, []);
console.log(result); // ["Tom", "Jerry", "Alice", "Bob"]
```
在reduce()方法中,acc代表累加器,初始值为一个空数组。cur代表当前遍历到的元素。如果当前元素的name属性值不在累加器数组中,则将其添加到累加器数组中。最后返回累加器数组即可。
阅读全文