如何使用 javaScript 基於數組項過濾 object？

Question

我遇到了這個問題，我的目標是過濾objectOfProductsById並根據條件刪除所有id，例如，如果objectOfProductsById不包含來自arrOfIds的id，我想刪除objectOfProductsById中的數據。 我如何使用 ES6 語法來實現這個結果？

 let arrOfIds = [2233, 1235, 4455] let objectOfProductsById = { 2233: { productName: 'simple product' }, 2211: { productName: 'simple product2' }, 1111: { productName: 'simple product2' }, } let newObj = Object.entries(objectOfProductsById).forEach(([key, value]) => { if (.arrOfIds.includes(key)) { delete objectOfProductsById[key] } }) console.log(newObj)

Answer 1

可能是這樣的：

 let arrOfIds = [2233, 1235, 4455] let objectOfProductsById = { 2233: { productName: 'simple product' }, 2211: { productName: 'simple product2' }, 1111: { productName: 'simple product2' }, } let newObj = Object.fromEntries( Object.entries(objectOfProductsById).filter(([key]) => arrOfIds.includes(+key)) ) console.log(newObj)

Answer 2

不確定我是否完全理解這個問題，但是如果您嘗試將其 ID 在arrOfIds中的newObj objectOfProductsById ，我會這樣做：

let newObj = Object.entries(objectOfProductsById)
                      .filter(([key]) => {arrOfIds.includes(key)})

Answer 3

If you want to go for a more scalable approach, you can iterate the ids and filter out any that aren't in your object, and then map each id to an object with its corresponding object from your objectOfProductsById . 然后，您可以將這些合並到一個 object 中以獲得您的結果。 這是一個 O(n) 解決方案（其中n是您的 id 數組的大小）：

 const arrOfIds = [2233, 1235, 4455]; const obj = { 2233: { productName: 'simple product' }, 2211: { productName: 'simple product2' }, 1111: { productName: 'simple product2' }, } const newObj = Object.assign({}, ...arrOfIds.filter(id => id in obj).map(id => ({[id]: obj[id]})) ); console.log(newObj);

如果您可以使用 ES6 之外的功能，那么您可以使用 ES10 中引入的 Object.fromEntries( Object.fromEntries()代替Object.assign() ：

 const arrOfIds = [2233, 1235, 4455]; const obj = { 2233: { productName: 'simple product' }, 2211: { productName: 'simple product2' }, 1111: { productName: 'simple product2' }, } const newObj = Object.fromEntries(arrOfIds.filter(id => id in obj).map(id => [id, obj[id]]) ); console.log(newObj);

Answer 4

1. ForEach 將 function 的鍵值作為字符串返回，因此不滿足 if 條件。 您應該為此使用parseInt()

if (!arrOfIds.includes(parseInt(key))) {
            delete objectOfProductsById[key]
        }

2. 由於您使用的是 foreach function，因此您只能使用 scope 操作變量。 在該過程結束時，您應該打印控制台objectOfProductsById

    console.log(objectOfProductsById)

Answer 5

如果您想返回 object，請使用Ben Stephens的答案，如果您想返回 ID，請使用我的答案。

使用數組過濾方法。 filter()方法創建一個數組，其中填充了所有通過測試的數組元素（作為函數提供）。

注意：對於沒有值的數組元素， filter()不會執行 function。 注意： filter()不會改變原始數組。

以下將返回一個字符串數組。

let arrOfIds = [2233, 1235, 4455]

let objectOfProductsById = {
    2233: {
        productName: 'simple product'
    },
    2211: {
        productName: 'simple product2'
    },

    1111: {
        productName: 'simple product2'
    },
}

let newObj = Object.keys(objectOfProductsById).filter(key => {
    return arrOfIds.includes(parseInt(key))
})

console.log(newObj)