如何将 object 数组中的数据添加到另一个 object 数组中？ javascript

Question

这是我的代码，我想创建另一个过滤数组，如下例所示，我有 2 个 arrays 并想向其中添加分数信息，我知道这很简单但找不到解决方案

  const wishesData = [
    {
       name: "Peter",
      presents: ["coffee", "holidays"]
    },
    {
       name: "Mario",
      presents: ["coffee", "videogames"]
    },
    {
       name: "Amanda",
      presents: ["computer", "tattoo"]
    }
  ]
  const scoresData= [
    {
      name: "Peter",
      score: 10
    },
    {
      name: "Mario",
      score: 2.3
    },
    {
       name: "Amanda",
      score: 1.1
    }
  ]
  const result = wishesData.map((ele) => {
      return {
               ...ele,
              score:  scoresData.find(s=> s.name === ele.name? s.score: 0)
                  }
  })
           console.log("este es el resultado=>",result)

我想修改数组wishData，将“分数”添加到里面的所有对象，并看起来像这个例子：

{
  name: "Mario",
  presents: ["coffee", "videogames"],
  score: 2.3
}

Answer 1

请检查示例和更正和建议。

• 更正： scoresData.find(s=> s.name === ele.name? s.score: 0) - 在这里你没有关闭Array.find的括号并尝试在find中访问它的属性。 在您的代码中，您将获得scoreData object 而不是score 。

const match = scoresData.find(s=> s.name === ele.name); // -> ? s.score: 0)
return match ? match.score : 0;

// or simply
const score = scoresData.find(s=> s.name === ele.name)?.score || 0;

• 建议：需要 O(N^2) 时间。 wishesData的所有迭代都需要另一个迭代scoresData 。 为什么不使用示例中提供的reduce ？

const scoreMap = scoresData.reduce((a, c) => ({
    ...a,
    [c.name]: c.score
}), {})

// you can easy to find score by
const result = wishesData.map((ele) => {
    return {
        ...ele,
        score: scoreMap[ele.name] || 0,
    }
})

谢谢

 const wishesData = [{ name: "Peter", presents: ["coffee", "holidays"] }, { name: "Mario", presents: ["coffee", "videogames"] }, { name: "Amanda", presents: ["computer", "tattoo"] } ] const scoresData = [{ name: "Peter", score: 10 }, { name: "Mario", score: 2.3 }, { name: "Amanda", score: 1.1 } ] const scoreMap = scoresData.reduce((a, c) => ({...a, [c.name]: c.score }), {}) const result = wishesData.map((ele) => { return {...ele, score: scoreMap[ele.name] || 0, } }) console.log("este es el resultado=>", result)

这只是编辑您的原始代码

 const wishesData = [{ name: "Peter", presents: ["coffee", "holidays"] }, { name: "Mario", presents: ["coffee", "videogames"] }, { name: "Amanda", presents: ["computer", "tattoo"] } ] const scoresData = [{ name: "Peter", score: 10 }, { name: "Mario", score: 2.3 }, { name: "Amanda", score: 1.1 } ] const result = wishesData.map((ele) => { return {...ele, score: scoresData.find(s => s.name === ele.name)?.score || 0 } }) console.log("este es el resultado=>", result)

Answer 2

你返回整个 object，只返回分数：

 const wishesData = [{ name: "Peter", presents: ["coffee", "holidays"] }, { name: "Mario", presents: ["coffee", "videogames"] }, { name: "Amanda", presents: ["computer", "tattoo"] }, { name: "Another", presents: ["computer", "tattoo"] } ] const scoresData = [{ name: "Peter", score: 10 }, { name: "Mario", score: 2.3 }, { name: "Amanda", score: 1.1 } ] const result = wishesData.map(ele => { const match = scoresData.find(s => s.name === ele.name) return {...ele, score: match? match.score: 0 } }) console.log("este es el resultado=>", result)

Answer 3

const wishesWithScores = wishesData.map(wishObject => {
  const descriptor = wishObject.name;
  const { score } = scoresData.find(({ name }) => name === descriptor);

  return {
    ...wishObject,
    score
  }
});