如何從數組中的 JavaScript 對象中刪除屬性？

Question

假設我有這個數組如下：

[
    {
        "id": 111,
        "productName": "Chicken",
        "variant": 9,
        "variantName": "small",
        "extrasSelected": [],
        "price": 26,
        "qty": "1"
    },
    {
        "id": 112,
        "productName": "Fish",
        "variant": 25,
        "variantName": "small",
        "extrasSelected": [],
        "price": 26,
        "qty": "1"
    }
]

如何刪除某些屬性，使其最終如下所示？

[
  {
     "id": 111,
     "variant": 9,
     "extrasSelected": [],
     "qty": "1"
  },
  {
     "id": 112,
     "variant": 25,
     "extrasSelected": [],
     "qty": "1"
  }
]

原因為什么我必須這樣做，因為我需要在發送newObject數據到我finalCart ，但我需要在productName中oldObject並將其顯示在我的看法。

Answer 1

您可以使用Array.prototype.map

[
    {
        "id": 111,
        "productName": "Chicken",
        "variant": 9,
        "variantName": "small",
        "extrasSelected": [],
        "price": 26,
        "qty": "1"
    },
    {
        "id": 112,
        "productName": "Fish",
        "variant": 25,
        "variantName": "small",
        "extrasSelected": [],
        "price": 26,
        "qty": "1"
    }
].map(({id, variant, extrasSelected, qty}) => ({id, variant, extrasSelected, qty}))

Answer 2

只需在.map進行解構

const data = [
  {
    "id": 111,
    "productName": "Chicken",
    "variant": 9,
    "variantName": "small",
    "extrasSelected": [],
    "price": 26,
    "qty": "1"
  },
  {
    "id": 112,
    "productName": "Fish",
    "variant": 25,
    "variantName": "small",
    "extrasSelected": [],
    "price": 26,
    "qty": "1"
  }
];

// 1
const result = data.map(({ id, variant, extrasSelected, qty }) => ({
  id,
  variant,
  extrasSelected,
  qty
}));

// Detailed explanation

// 2
// 2 is same as 1
const result2 = data.map((item => {
  const { id, variant, extrasSelected, qty } = item;
  return { id, variant, extrasSelected, qty };
}));

// 3
// 3 is same as 2
const result3 = data.map((item) => {
  const id = item.id;
  const variant = item.variant;
  const extrasSelected = item.extrasSelected;
  const qty = item.qty;

  return {
    id: id,
    variant: variant,
    extrasSelected: extrasSelected,
    qty: qty
  }
});

console.log(result);

/*

[
  { id: 111, variant: 9, extrasSelected: [], qty: '1' },
  { id: 112, variant: 25, extrasSelected: [], qty: '1' }
]

*/

Answer 3

有很多方法可以做到這一點。
如果您確實想delete屬性，這是一種方法：

 let array = [ { "id": 111, "productName": "Chicken", "variant": 9, "variantName": "small", "extrasSelected": [], "price": 26, "qty": "1" }, { "id": 112, "productName": "Fish", "variant": 25, "variantName": "small", "extrasSelected": [], "price": 26, "qty": "1" } ] array.forEach(obj => { delete obj.variantName; delete obj.price; delete obj.productName; }); console.log(array);

Answer 4

上述解決方案的變化。 使用Array.Map和 rest 參數。

 const data = [{ "id": 111, "productName": "Chicken", "variant": 9, "variantName": "small", "extrasSelected": [], "price": 26, "qty": "1" }, { "id": 112, "productName": "Fish", "variant": 25, "variantName": "small", "extrasSelected": [], "price": 26, "qty": "1" } ] const result = data.map(({ productName, variantName, ...rest }) => rest); console.log(JSON.stringify(result, null, 4));