前端 - 一个对象数组，现在需要获取数组中键重复的元素，只要一组代表性的键，对于值的处理希望能够按照原来对应键来摆放？

Question

现在：

data=[{label:'a',value:'1'},{label:'a',value:'2'},{label:'b',value:'1'},{label:'c',value:'1'},{label:'d',value:'1'},{label:'a',value:'3'},{label:'b',value:'2'},{label:'c',value:'2'},]

希望：

data=[{label:'a',value:[1,2,3]},{label:'b',value:[1,2]},{label:'c',value:[1,2]},{label:'d',value:[1,2]}]

Answer 1

const data = [  {label:'a',value:'1'},  {label:'a',value:'2'},  {label:'b',value:'1'},  {label:'c',value:'1'},  {label:'d',value:'1'},  {label:'a',value:'3'},  {label:'b',value:'2'},  {label:'c',value:'2'}]// 相对之前的没啥优点// 就用时间优化了一下写法，提高了一下复用const format = (list, idKey = 'label', merageKey = 'value') => {  let result = new Map()  list.map(item => {      let temp = result.get(item[idKey]) || {...item, [merageKey]: []};      result.set(item[idKey], {...temp, [merageKey]: [...temp[merageKey], item[merageKey]]})  })  return [...result.values()]}console.log(format(data))

Answer 2

const data = [{label:'a',value:'1'},{label:'a',value:'2'},{label:'b',value:'1'},{label:'c',value:'1'},{label:'d',value:'1'},{label:'a',value:'3'},{label:'b',value:'2'},{label:'c',value:'2'},]const newData = data.reduce((newArr, item) => {    const sameLabelItem = newArr.filter(_item => _item.label === item.label)[0] // 现在 newArr 中找有没有相同 label 的对象    if (sameLabelItem) { // 如果有相同 label 的对象，直接在这个相同label对象的 value 中 push item 的 value        sameLabelItem.value.push(item.value)    } else { // 如果没有，newArr 直接 push item        newArr.push({ label: item.label, value: [item.value] })    }    return newArr // 返回 newArr}, [])console.log(newData) // 你要的结果

Answer 3

这个问题是关于如何从一个对象数组中提取出重复键对应的元素，并将其值合并成一个字符串，以逗号分隔。在处理这个问题时，我们可以使用一个字典来记录每个键对应的值列表，然后遍历这个字典，将每个列表合并成字符串。以下是实现这个功能的JavaScript代码：

function mergeValues(data) {  // 创建一个字典来存储每个键对应的值列表  let dictionary = {};  // 遍历数据，将每个键值对添加到字典中  for (let i = 0; i < data.length; i++) {    let { label, value } = data[i];    if (!dictionary[label]) {      dictionary[label] = [];    }    dictionary[label].push(value);  }  // 创建一个新的数组来存储结果  let result = [];  // 遍历字典，将每个键对应的值列表合并成字符串，并添加到结果数组中  for (let label in dictionary) {    let values = dictionary[label];    let mergedValues = values.join(',');    result.push({ label, value: mergedValues });  }  return result;}let data = [  {label:'a',value:'1'},  {label:'a',value:'2'},  {label:'b',value:'1'},  {label:'c',value:'1'},  {label:'d',value:'1'},  {label:'a',value:'3'},  {label:'b',value:'2'},  {label:'c',value:'2'},];let result = mergeValues(data);console.log(result);

当运行这段代码时，将会打印出：

[  { label: 'a', value: '1,2,3' },  { label: 'b', value: '1,2' },  { label: 'c', value: '1,2' },  { label: 'd', value: '1' }]

这正是你想要的结果。需要注意的是，如果一个键对应多个值，那么这些值将会合并成一个字符串，并以逗号分隔。而如果一个键只有一个值，那么这个值将会作为一个单独的字符串返回。