javascript - 映射两个对象数组，匹配属性并将特定信息存储在新数组中

Question

javascript 新手，正在尝试学习!我试图通过两个对象数组进行映射，如果某个属性匹配，则将特定信息拉入一个数组。

let result;

let arrNames = [{
  name: "A"
}, {
  name: "B"
}, {
  name: "C"
}]

let arrInfo = [{
  name: "A",
  info: "AAA"
}, {
  name: "B",
  info: "BBB"
}, {
  name: "C",
  info: "ccc"
}]

如果 arrNames.name == arrInfo.name，我希望结果等于 arrInfo.info。

我尝试过的:

arrNames.map(x => {
if(arrNames.name == arrInfo.name){
   result=arrInfo.info
}

^ 这显然行不通——但我想知道 Assign 或 Filter 是否合适。

预先感谢您的帮助(很抱歉这可能是个骗局)!

Answer 1

您可以使用 find()里面map()找到元素。这会找到元素，即使它们在两个数组中不在同一索引处也是如此。

然后使用filter()过滤任何 undefined 值，如果没有匹配，这些值将出现。

var arrNames = [
   {name: "A"},
   {name: "B"},
   {name: "C"}
];

var arrInfo = [
   {name: "A", info: "AAA"},
   {name: "B", info: "BBB"},
   {name: "C", info: "ccc"}
];

let result = arrNames.map(x => {
  item = arrInfo.find(item => item.name === x.name);
  if (item) { 
    return item.info;
  }      
}).filter(item => item !== undefined); // Can also use filter(item => item);

console.log(result);