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

同じプロパティの値をグループ化する-JavaScript


このような配列があるとします-

const arr = [
   {unit: 35, brand: 'CENTURY'},
   {unit: 35, brand: 'BADGER'},
   {unit: 25, brand: 'CENTURY'},
   {unit: 15, brand: 'CENTURY'},
   {unit: 25, brand: 'XEGAR'}
];

ユニットプロパティが同じオブジェクトのすべてのブランドプロパティをグループ化する関数を作成する必要があります。

上記の配列と同様に、新しい配列は-

である必要があります
const output = [
   {unit: 35, brand: 'CENTURY, BADGER'},
   {unit: 25, brand: 'CENTURY, XEGAR'},
   {unit: 15, brand: 'CENTURY'}
];

配列をループし、ヘルパー関数を使用して単位値を持つオブジェクトを検索します。存在する場合はブランド価値を連結し、存在しない場合は新しいオブジェクトを作成します。

以下はコードです-

const arr = [
   {unit: 35, brand: 'CENTURY'},
   {unit: 35, brand: 'BADGER'},
   {unit: 25, brand: 'CENTURY'},
   {unit: 15, brand: 'CENTURY'},
   {unit: 25, brand: 'XEGAR'}
];
const indexOf = function(unit){
   return this.findIndex(el => el.unit === unit)
};
Array.prototype.indexOf = indexOf;
const groupArray = arr => {
   const res = [];
   for(let i = 0; i < arr.length; i++){
      const ind = res.indexOf(arr[i].unit);
      if(ind !== -1){
         res[ind].brand += `, ${arr[i].brand}`;
      }else{
         res.push(arr[i]);
      }
   };
   return res;
};
console.log(groupArray(arr));

出力

これにより、コンソールに次の出力が生成されます-

[
   { unit: 35, brand: 'CENTURY, BADGER' },
   { unit: 25, brand: 'CENTURY, XEGAR' },
   { unit: 15, brand: 'CENTURY' }
]

  1. JavaScriptのlastIndexプロパティ

    JavaScriptのlastIndexプロパティは、一致が発生したときにインデックス位置を返し、次の一致はその位置からのみ再開します。 lastIndexプロパティは、「g」修飾子が設定されている場合にのみ機能します。 以下は、JavaScriptのlastIndexプロパティのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" conte

  2. JavaScriptソースプロパティ

    JavaScriptのsourceプロパティは、特定のパターンが一致する正規表現テキストを返します。 以下は、ソースプロパティのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum