Java腳本創建按對象屬性分組的新數組

Question 1

我正在學習Java腳本，并嘗試根據對象的特定屬性合并對象數組。

例如，我有以下數組，其中包含屬性a、b、c、pet和age的對象。如果兩個對象的屬性a、b、c相同，我想創建一個新陣列，將pet和年齡分組。如果a、b、c中的任何屬性不匹配，我想將它們作為新對象添加到輸出數組中。

myArray = [
  {
    a: 'animal',
    b: 'white',
    c: true,  
    pet: 'dog1',
    age: 1  
  },
  {
    a: 'animal',
    b: 'white',
    c: true,
    pet: 'dog2',
    age: 2
  },
  {
    a: 'animal2',
    b: 'white',
    c: true,
    pet: 'cat1',
    age: 5
  },
  {
    a: 'animal2',
    b: 'black',
    c: false,
    pet: 'cat2',
    age: 1
  }
]

按屬性a、b、c分組的輸出數組。我的輸出數組的第一個元素包含輸入數組中對象0,1的組合值，因為它們具有相同的a、b、c屬性。其余的作為單獨的值添加，因為它們在一個屬性中不同。

outputArray = [
    {
        a: 'animal',
        b: 'white',
        c: true,
        pets: [{pet:'dog1,age:1},{pet:dog2,age:2}]
    },
    {
        a: 'animal2',
        b: 'white',
        c: true,
        pets: [{pet: 'cat1', age:5}]
    },
    {
        a: 'animal2',
        b: 'black',
        c: false,
        pets:[{pet: 'cat2', age: 1}]
    }
 ]

最后我想要一個數組，所有元素按屬性a、b、c分組。有沒有有效的方法？我試著用for循環強制執行，但沒有成功。

TIA.

Question 2

1）您可以使用Map和for..of輕松獲得結果

const myArray = [
  {
    a: "animal",
    b: "white",
    c: true,
    pet: "dog1",
    age: 1,
  },
  {
    a: "animal",
    b: "white",
    c: true,
    pet: "dog2",
    age: 2,
  },
  {
    a: "animal2",
    b: "white",
    c: true,
    pet: "cat1",
    age: 5,
  },
  {
    a: "animal2",
    b: "black",
    c: false,
    pet: "cat2",
    age: 1,
  },
];

const dict = new Map();
for (let { a, b, c, ...rest } of myArray) {
  const key = `${a}|$|${c}`;
  !dict.has(key)
    ? dict.set(key, { a, b, c, pets: [{ ...rest }] })
    : dict.get(key).pets.push(rest);
}

const result = [...dict.values()];
console.log(result);

/* This is not a part of answer. It is just to give the output full height. So IGNORE IT */
.as-console-wrapper { max-height: 100% !important; top: 0;

2）您還可以使用Object.values和reduce實現samer結果

const myArray = [
  {
    a: "animal",
    b: "white",
    c: true,
    pet: "dog1",
    age: 1,
  },
  {
    a: "animal",
    b: "white",
    c: true,
    pet: "dog2",
    age: 2,
  },
  {
    a: "animal2",
    b: "white",
    c: true,
    pet: "cat1",
    age: 5,
  },
  {
    a: "animal2",
    b: "black",
    c: false,
    pet: "cat2",
    age: 1,
  },
];

const result = Object.values(
  myArray.reduce((dict, { a, b, c, ...rest }) => {
    const key = `${a}|$|${c}`;
    !dict[key]
      ? (dict[key] = { a, b, c, pets: [{ ...rest }] })
      : dict[key].pets.push(rest);
    return dict;
  }, {})
);

console.log(result);

/* This is not a part of answer. It is just to give the output full height. So IGNORE IT */
.as-console-wrapper { max-height: 100% !important; top: 0;

Answer 1

1）您可以使用Map和for..of輕松獲得結果

const myArray = [
  {
    a: "animal",
    b: "white",
    c: true,
    pet: "dog1",
    age: 1,
  },
  {
    a: "animal",
    b: "white",
    c: true,
    pet: "dog2",
    age: 2,
  },
  {
    a: "animal2",
    b: "white",
    c: true,
    pet: "cat1",
    age: 5,
  },
  {
    a: "animal2",
    b: "black",
    c: false,
    pet: "cat2",
    age: 1,
  },
];

const dict = new Map();
for (let { a, b, c, ...rest } of myArray) {
  const key = `${a}|$|${c}`;
  !dict.has(key)
    ? dict.set(key, { a, b, c, pets: [{ ...rest }] })
    : dict.get(key).pets.push(rest);
}

const result = [...dict.values()];
console.log(result);

/* This is not a part of answer. It is just to give the output full height. So IGNORE IT */
.as-console-wrapper { max-height: 100% !important; top: 0;

2）您還可以使用Object.values和reduce實現samer結果

const myArray = [
  {
    a: "animal",
    b: "white",
    c: true,
    pet: "dog1",
    age: 1,
  },
  {
    a: "animal",
    b: "white",
    c: true,
    pet: "dog2",
    age: 2,
  },
  {
    a: "animal2",
    b: "white",
    c: true,
    pet: "cat1",
    age: 5,
  },
  {
    a: "animal2",
    b: "black",
    c: false,
    pet: "cat2",
    age: 1,
  },
];

const result = Object.values(
  myArray.reduce((dict, { a, b, c, ...rest }) => {
    const key = `${a}|$|${c}`;
    !dict[key]
      ? (dict[key] = { a, b, c, pets: [{ ...rest }] })
      : dict[key].pets.push(rest);
    return dict;
  }, {})
);

console.log(result);

/* This is not a part of answer. It is just to give the output full height. So IGNORE IT */
.as-console-wrapper { max-height: 100% !important; top: 0;

Java腳本創建按對象屬性分組的新數組

熱門問答

《深度探索C++對象模型》里的一句話的理解

記錄列表是否需要相同的密鑰？

使用存儲在對象中的名稱重命名數據文件

進行一系列輸入并計算最小值、最大值、總數和平均值，但一旦輸入負數就停止

Haskell:Ord比較，但返回最小值

如何在R中繪制線性函數

在Google Sheets中，如何用Google Apps Script追蹤和記錄更改歷史

前端接收的list或JSON數據怎么動態弄成單選

請問,vscode中怎么不讓目錄/折疊顯示

請問如何在當提交單表后，自動回復提交者Email感謝和內容信息？以下是我的代碼

求教幾種FLT_CONTEXT_TYPE的區別和使用場合

Java腳本創建按對象屬性分組的新數組

熱門問答

《深度探索C++對象模型》里的一句話的理解

記錄列表是否需要相同的密鑰？

使用存儲在對象中的名稱重命名數據文件

進行一系列輸入并計算最小值、最大值、總數和平均值，但一旦輸入負數就停止

Haskell:Ord比較，但返回最小值

如何在R中繪制線性函數

在Google Sheets中，如何用Google Apps Script追蹤和記錄更改歷史

前端接收的list或JSON數據怎么動態弄成單選

請問,vscode中怎么不讓目錄/折疊顯示

請問如何在當提交單表后，自動回復提交者Email感謝和內容信息？以下是我的代碼

求教幾種FLT_CONTEXT_TYPE的區別和使用場合

記錄列表是否需要相同的密鑰？

進行一系列輸入并計算最小值、最大值、總數和平均值，但一旦輸入負數就停止

Haskell:Ord比較，但返回最小值