如何回圈和推送reduce函式的累加器？-有解無憂

我正在嘗試減少一個陣列，并將其轉換為多個陣列。

  const array = [
    { a: 1, b: 6 },
    { a: 1, b: 5 },
    { a: 1, b: 6 },
    { a: 1, b: 4 },
    { a: 1, b: 5 }
  ];

  var newArray = array.reduce(
    (memo, curr) => {
      memo.forEach((item, key) => {
        const found = item.filter((el) => el.a === curr.a && el.b === curr.b);
        if (found.length > 0) return memo[key].push(curr);
        else return memo.push([curr]);
      });

      return memo;
    },
    [[]]
  );

我試圖得到的所需結果是

 [
    [
      { a: 1, b: 5 },
      { a: 1, b: 5 }
    ],
    [
      { a: 1, b: 6 },
      { a: 1, b: 6 },
    ],
    [
      { a: 1, b: 4 },
    ]
 ];

但正如你所看到的，如果你嘗試，因為我推動了備忘錄，回圈繼續觸發。結果包含數百個陣列。

我應該如何限制這個回圈并獲得正確的結果？

提前非常感謝:)

uj5u.com熱心網友回復：

您可以使用Map的鍵對元素進行分組{a, b}，然后獲取組的值

const array = [
  { a: 1, b: 6 },
  { a: 1, b: 5 },
  { a: 1, b: 6 },
  { a: 1, b: 4 },
  { a: 1, b: 5 },
];

var newArray = Array.from(
  array
    .reduce((map, curr) => {
      const key = JSON.stringify({ a: curr.a, b: curr.b });

      if (!map.has(key)) {
        map.set(key, []);
      }

      map.get(key).push(curr);

      return map;
    }, new Map())
    .values()
);

console.log(newArray);

uj5u.com熱心網友回復：

看看你的代碼。你有一個三重嵌套回圈，這是瘋狂的，絕對不需要實作這一點。為什么不使用地圖？

這是一個函式，可以對給定的任何物件陣列執行您想要執行的操作。

const array = [
    { a: 1, b: 6 },
    { a: 1, b: 5 },
    { a: 1, b: 6 },
    { a: 1, b: 4 },
    { a: 1, b: 5 },
];

const separate = (arr) => {
    const reduced = arr.reduce((acc, curr) => {
        const path = JSON.stringify(curr);

        if (!acc[path]) acc[path] = [];

        acc[path].push(curr);

        return acc;
    }, {});

    return Object.values(reduced);
};

console.log(separate(array));

uj5u.com熱心網友回復：

如果你推入 for 回圈，它也會推入每個 reduce 函式迭代。

你可以通過添加一些區域變數來實作，比如這里

const array = [
    { a: 1, b: 6 },
    { a: 1, b: 5 },
    { a: 1, b: 6 },
    { a: 1, b: 4 },
    { a: 1, b: 5 }
  ];
  
  // shift changes the orginal array
    // it will remove and return firstElement
  var firstElement = array.shift(1);


  var newArray = array.reduce(
    (memo, curr) => {
    let isFound = false;
    let index = 0;
      memo.forEach((item, key) => {
        const found = item.filter((el) => el.a === curr.a && el.b === curr.b);
        if(found.length > 0){
             index = key;
           isFound = true;
           return;
        }
       
      });
      if(isFound) {
        memo[index].push(curr);
      } else {
         memo.push([curr]);
      }
      return memo;
    },
    [[firstElement]]
  );
  
  console.log(newArray);

轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/460074.html

標籤：javascript 数组减少

上一篇：編輯資料庫后更新桌面軟體的正確方法是什么？

下一篇：在多維陣列中查找aa值，并從同一個陣列中回傳一個值