如何使用 JavaScript 從對象數組中刪除對象？

Question

我有一個對象數組，其中一些對象未定義，我想知道如何刪除它們，我知道它們中有多少，但不知道如何從對象數組中刪除它們。 我知道使用這種方法，但我想要一些更標准的方法來做到這一點

    const data = [
        {
            roleDoc:{
                name:"A"
            }
        },
        { roleDoc: undefined }
        ,{
            roleDoc:{
                name:"c"
            }
        },{
            roleDoc:{
                name:"c"
            }
        },
        { roleDoc: undefined },
        ,{
            roleDoc:{
                name:"c"
            }
        }

    ]
 const xy = []
data.forEach(item => {
    if(item.roleDoc !== undefined){
       xy.push(item) 
    }
    else{
        console.log('hello')
    }
})
console.log(xy)

預期輸出是

const data = [
  {
    roleDoc: {
      name: "A"
    }
  },

  ,
  {
    roleDoc: {
      name: "c"
    }
  },
  {
    roleDoc: {
      name: "c"
    }
  },

  ,
  {
    roleDoc: {
      name: "c"
    }
  }
];

Answer 1

您可以使用.filter()刪除undefined的。

請嘗試以下操作：

 const data = [{ roleDoc:{ name:"A" } }, { roleDoc: undefined } ,{ roleDoc:{ name:"c"}},{roleDoc:{name:"c"} }, { roleDoc: undefined },{ roleDoc:{name:"c"}}]; const result = data.filter(e => e.roleDoc); console.log(result);

我希望這有幫助！

Answer 2

你可以用Array#filter和!! 只匹配有效

 const data = [ { roleDoc:{ name:"A" } }, { roleDoc: undefined } ,{ roleDoc:{ name:"c" } },{ roleDoc:{ name:"c" } }, { roleDoc: undefined },{ roleDoc:{ name:"c" } }]; let res = data.filter(a=> !!a.roleDoc); console.log(res)

Answer 3

您可以使用使用Array.filter函數的函數編程方法：

const data = [
    {
        roleDoc: {
            name: "A"
        }
    },
    { 
        roleDoc: undefined 
    },
    {
        roleDoc: {
            name: "c"
        }
    },
    {
        roleDoc: {
            name: "c"
        }
    },
    { 
        roleDoc: undefined
    },
    {
        roleDoc: {
            name: "c"
        }
    }
];

const arrayWithoutUndefineds = data.filter(el => typeof el.roleDoc !== 'undefined');

console.log(arrayWithoutUndefineds);

請注意，可以簡化所使用的表達式。 然而，所以很清楚發生了什么我會把它留在那里。