如何映射一個陣列以創建一個新陣列，其中包含更改的陣列項但不改變原始陣列或其任何項？-有解無憂

我有一個物件陣列，例如我想用 value 替換鍵 normal www.test.com/is/images/383773?@HT_dtImage。我正在使用.replacewith 正則運算式來基本上替換wid and heiwith@HT_dtImage

const urls = [
{"normal": "www.test.com/is/images/383773?wid=200&hei=200", 
"thumbnail": "www.test.com/is/images/383773?wid=200&hei=200"},
{"normal": "www.test.com/is/images/383773?wid=200&hei=200",
 "thumbnail": "www.test.com/is/images/383773?wid=200&hei=200"},
{"normal": "www.test.com/is/images/383773?wid=200&hei=200",
 "thumbnail": "www.test.com/is/images/383773?wid=200&hei=200"}
]

我嘗試使用.map這樣的方法，它只回傳原始物件。

const updateImages = images => {
  images.map(image => {
    return image.normal.replace(/\b(?:wid|hei)=[^&]*&?/g, "")   "@HT_dtImage"
  });
  return images;
};

我也試過這個，但它在一個陣列中回傳它，而不是作為一個包含物件的陣列。我覺得我只是錯過了一些簡單的東西。

const updateImages = images => {
   return images.map(image => {
     return image.normal.replace(/\b(?:wid|hei)=[^&]*&?/g, "")   "@HT_dtImage"
  })
};

我正在尋找的預期輸出是

const urls = [
{"normal": "www.test.com/is/images/383773?@HT_dtImage", 
"thumbnail": "www.test.com/is/images/383773?wid=200&hei=200"},
{"normal": "www.test.com/is/images/383773?@HT_dtImage",
 "thumbnail": "www.test.com/is/images/383773?wid=200&hei=200"},
{"normal": "www.test.com/is/images/383773?@HT_dtImage",
 "thumbnail": "www.test.com/is/images/383773?wid=200&hei=200"}
]

uj5u.com熱心網友回復：

OP 不僅需要如何映射一個陣列以創建一個新陣列，其中包含更改的陣列項但不改變原始陣列或其任何項？

uj5u.com熱心網友回復：

在您第一次嘗試時，images.map回傳一個您沒有分配給任何東西的新陣列。您回傳的陣列與作為引數傳遞的陣列相同。

const newImages = images.map(....);
return newImages

uj5u.com熱心網友回復：

您需要回傳一個陣列，其中包含一些具有所需鍵的物件，例如：

const updateImages = images => images.map(image => (
  {
     ...image,
     normal: image.normal.replace(/\b(?:wid|hei)=[^&]*&?/g, "")   "@HT_dtImage",
  }
);

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

標籤：

上一篇：回圈遍歷物件陣列..如何過濾掉重復的名稱并在新陣列中回傳玩家？

下一篇：在Python中將用戶定義的物件存盤在numpy陣列中