vue如何将数组对象中值相同的对象取出并且将键名拼接成字符串输出
时间: 2023-05-27 20:03:08 浏览: 143
Vue 获取数组键名的方法
可以使用reduce方法,遍历数组对象,判断对象的值是否相同,如果相同则将键名拼接成字符串,最终将结果存储到一个新数组中。
示例代码:
```javascript
let arr = [
{ name: '张三', age: 20 },
{ name: '李四', age: 20 },
{ name: '王五', age: 30 },
{ name: '赵六', age: 30 }
]
let result = arr.reduce((prev, curr) => {
let index = prev.findIndex(item => item.value === curr.age)
if (index === -1) {
prev.push({ value: curr.age, names: [curr.name] })
} else {
prev[index].names.push(curr.name)
}
return prev
}, [])
result.forEach(item => {
console.log(`${item.value}: ${item.names.join(', ')}`)
})
```
输出结果:
```
20: 张三, 李四
30: 王五, 赵六
```
阅读全文