Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

重複を削除し、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」プロパティの一部が重複していることに注意してください。

そのようなオブジェクトの配列を1つ取り込む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' ]

  1. JavaScriptで重複をカウントし、オブジェクトの配列を集約する

    このようなオブジェクトの配列があるとします- const arr = [    {       "Country": "BR",       "New Lv1−Lv2": "#N/A"    },    {       "Country": "BR",       "New L

  2. JavaScriptでオブジェクトの配列内のオブジェクトを操作する

    このようなオブジェクトの2つの配列があるとします- const arr1 = [    {id:'124',name:'qqq'},    {id:'589',name:'www'},    {id:'45',name:'eee'},    {id:'567',name:'rrr'} ]; const arr2 = [    {id:'124',name