如何过滤掉 object 可能存在或不存在的数组元素？

Question

考虑一个像这样的 JavaScript 数组：

  var testArray=
    [
    {name:'test1', source: {type:'1' },
    {name:'test2',
    {name:'test3', source: {type:'1' }
    {name:'test4',
    {name:'test5', source:{type:'2'},
    {name:'test5', source:{type:'3'},
    ]

我想过滤这个数组并返回除type===1之外的所有元素。 但是，正如您所看到的，某些元素没有源 object。

如果我这样做：

const filteredData = testArray.filter(itm=>itm.source && itm.source.type !=='1')

它删除没有源属性的元素。

如何过滤此数组以检索除 source.type?== 1 之外的所有项目？

Answer 1

您可以使用可选的链接运算符。 当尝试访问null或undefined undefined

 var testArray= [ {name:'test1', source: {type:'1' }}, {name:'test2'}, {name:'test3', source: {type:'1' }}, {name:'test4'}, {name:'test5', source:{type:'2'}}, {name:'test5', source:{type:'3'}}, ] const filteredData = testArray.filter(itm=>itm.source?.type;=='1'). console;log(filteredData);

Answer 2

将您的条件更改为

!itm.source || itm.source.type !== '1'

这不会首先过滤掉任何没有来源的项目。 所有剩下的都有来源，因此您可以安全地检查它是否为“1”。

Answer 3

testArray.filter(i => i.source?.type !== "1")

将使用可选链接来确定i.source是否存在，然后检查它是否等于"1" ，如果它不保留它。 如果不保留它。

Answer 4

试试这个（注意你的数组是错误的，有些对象没有关闭“}”）

 var testArray=[
    {name:'test1', source: {type:'1' }},
    {name:'test2'},
    {name:'test3', source: {type:'1' }},
    {name:'test4'},
    {name:'test5', source:{type:'2'}},
    {name:'test5', source:{type:'3'}},
    ];

const filteredData = testArray.filter(itm=>!itm.source || itm.source.type !=='1')