代码之家 › 专栏 › 技术社区 › xd1936

按相同键值合并对象数组

javascript-objects for-loop json arrays javascript

-2

xd1936 · 技术社区 · 7 年前

我有一个这样的对象数组:

[
  {
    "name": "Blah",
    "description": "This is a description"
  },
  {
    "name": "Foo",
    "description": "This is a description"
  },
  {
    "name": "Bar",
    "description": "This is a description"
  },
  {
    "name": "Blah",
    "description": "This is a description"
  },
  {
    "name": "Test",
    "description": "This is a description"
  }
]

我想运行一些函数来组合一个 description1 + "\n" + description2 所以最终结果是:

[
  {
    "name": "Foo",
    "description": "This is a description"
  },
  {
    "name": "Bar",
    "description": "This is a description"
  },
  {
    "name": "Blah",
    "description": "This is a description\nThis is a description"
  },
  {
    "name": "Test",
    "description": "This is a description"
  }
]

数组的顺序不需要保留。任何帮助都将不胜感激。谢谢!

3 回复 | 直到 7 年前

amrender singh 7 年前

你可以简单地使用 Array.reduce() 创建地图的步骤,按名称和 Object.values() 在地图上会给出您想要的结果:

let arr = [ { "name": "Blah", "description": "This is a description" }, { "name": "Foo", "description": "This is a description" }, { "name": "Bar", "description": "This is a description" }, { "name": "Blah", "description": "This is a description" }, { "name": "Test", "description": "This is a description" } ];
let result = Object.values(arr.reduce((a, {name,description})=>{
  if(a[name])
    a[name].description += "\n" + description;
   else
    a[name] = Object.assign({},{name,description});
   return a;
},{}));
console.log(result);

Jonas Wilms 7 年前

可以使用查找对象查找重复项:

 const result = [], hash = {};
 for(const {name, description} of input) {
    if(hash[name]) {
      hash[name].description += "\n" + description;
    } else {
      result.push(hash[name] = { name, description });
   }
 }

brk 7 年前

您可以使用reduce和findIndex来检查新数组是否有名称匹配的对象。如果是这样,则更新描述

let orgArray = [{
    "name": "Blah",
    "description": "This is a description"
  },
  {
    "name": "Foo",
    "description": "This is a description"
  },
  {
    "name": "Bar",
    "description": "This is a description"
  },
  {
    "name": "Blah",
    "description": "This is a description"
  },
  {
    "name": "Test",
    "description": "This is a description"
  }
]

let newArray = orgArray.reduce(function(acc, curr) {
  let findIndexs = acc.findIndex(function(item) {
    return item.name === curr.name;

  })
  if (findIndexs === -1) {
    let obj = {
      name: curr.name,
      description: curr.description
    }
    acc.push(obj)
  } else {
    acc[findIndexs].description = acc[findIndexs].description + ' \n ' + curr.description
  }
  return acc;
}, []);
console.log(newArray)

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前