删除重复项并映射 JavaScript 中的数组


假设我们有这样的一个对象数组 −

const arr = [
   {id:123, value:"value1", name:"Name1"},
   {id:124, value:"value2", name:"Name1"},
   {id:125, value:"value3", name:"Name2"},
   {id:126, value:"value4", name:"Name2"}
];

请注意,数组中对象的某些“name”属性是重复的。

我们需要编写一个 JavaScript 函数,该函数需要放入一个这样的对象数组。然后,该函数应该构建一个新的字符串数组,该数组仅包含数组中的唯一“name”属性值。

因此,上述输入的输出应如下所示 −

const output = ["Name1", "Name2"];

示例

为此,代码如下 −

const arr = [
   {id:123, value:"value1", name:"Name1"},
   {id:124, value:"value2", name:"Name1"},
   {id:125, value:"value3", name:"Name2"},
   {id:126, value:"value4", name:"Name2"}
];
const pickNames = (arr = []) =>{
   const res = [];
   for (let i = arr.length; i−−;){
      if (res.indexOf(arr[i].name) < 0) {
         res.push(arr[i].name);
      };
   }
   return res;
};
console.log(pickNames(arr));

输出

控制台中的输出如下 −

[ 'Name2', 'Name1' ]

更新于: 20-Nov-2020

523 次观看

启动你的 职业

通过完成课程获得认证

开始学习
广告