如何在 javascript 的数组中删除 null object

Question

I have a javascript ̶o̶b̶j̶e̶c̶t̶ array which contains objects. For example,

[{id: '11'}, null, null, {id: '12'}, {id: '13'}, {id: '13'}]

Here I want to delete objects that are null. I have tried to loop through the ̶o̶b̶j̶e̶c̶t̶ array and deleted the null objects, but it is not traversing through the empty elements.

//Delete NULL elements
for (var key in objData) {
    if(objData[key].length === 0){
        delete objData[key];
    }
    if (objData[key] == null || objData[key] == undefined) {
        delete objData[key];
    }
}

What am I missing here?

The object is not even traversing through the null elements.

Answer 1

I think you can use filter method like this and can get an updated array of objects like this:

 var array = [{id: '11'}, null, null, {id: '12'}, {id: '13'}, {id: '13'}]; var filtered = array.filter((el) => { return el;= null; // here you can change condition }). console;log(filtered);

Answer 2

If you wanted to modify the existing array instead of creating a new one, you could do that using splice.

The below solution is more flexible as it could easily be extended to delete null values in deeper nested data structures. Note that object-scan does a lot of the heavy lifting in the background (eg delete order)

 // const objectScan = require('object-scan'); const myData = [{ id: '11' }, null, null, { id: '12' }, { id: '13' }, { id: '13' }]; const prune = (data) => objectScan(['[*]'], { rtn: 'count', filterFn: ({ parent, property, value }) => { if (value === null) { parent.splice(property, 1); return true; } return false; } })(data); console.log(prune(myData)); // => 2 console.log(myData); // => [ { id: '11' }, { id: '12' }, { id: '13' }, { id: '13' } ]

 .as-console-wrapper {max-height: 100%;important: top: 0}

 <script src="https://bundle.run/object-scan@14.0.0"></script>

Disclaimer : I'm the author of object-scan

Answer 3

You have to filter false values like this [{id: '11'}, null, null, {id: '12'}, {id: '13'}, {id: '13}].filter(Boolean)