Javascript JS 合并对象

发布于11月23日

我需要合并/组合里面的4个对象和array. 这些对象包括:

{"field": "name","lang": "it","text": "RegoleAziendali"}
{"field": "pdf_url","lang": "it", "text": "docs/it/file.pdf"}
{"field": "name","lang": "en","text": "CompanyRules"}
{"field": "pdf_url","lang": "en", "text": "docs/en/file.pdf"}

预期结果应由语言合并的2个对象组成.

{"lang": "it","name": "RegoleAziendali","pdf_url":"docs/it/file.pdf"}
{"lang": "en","name": "CompanyRules","pdf_url":"docs/en/file.pdf"}

目前，我正在使用array.forEach合并lang的两个对象.但我找不到一种方法来操作值/属性.如您所见，合并对象中不再需要属性"field".

推荐答案

假设您有一个数组，您可以将其转换为分组问题.

Group by lang using reduce.
After that take the values array of the grouped object using Object.values

const x = [
{"field": "name","lang": "it","text": "RegoleAziendali"},
{"field": "pdf_url","lang": "it", "text": "docs/it/file.pdf"},
{"field": "name","lang": "en","text": "CompanyRules"},
{"field": "pdf_url","lang": "en", "text": "docs/en/file.pdf"}
]

const res = Object.values(x.reduce((acc,{field,lang,text}) => {
  acc[lang] = acc[lang] || {lang}
  acc[lang][field] = text
  return acc
},{}))

console.log(res)

同样的事情可以使用for循环来完成

const x = [{"field": "name","lang": "it","text": "RegoleAziendali"},{"field": "pdf_url","lang": "it", "text": "docs/it/file.pdf"},{"field": "name","lang": "en","text": "CompanyRules"},{"field": "pdf_url","lang": "en", "text": "docs/en/file.pdf"}]

const res = {}
for (const entry of x){
  const {field,lang,text} = entry
  res[lang] = res[lang] || {lang}
  res[lang][field] = text
}

console.log(Object.values(res))