Given a JavaScript Object with null values in it, the task is to remove those null values from the object using JavaScript. Below are the methods to remove the blank attributes:
JavaScript delete property: This keyword deletes a property of an object. It deletes both the value and the property also. After deletion, the property is not available for use. This operator can only be used on object properties. It can not be used on variables, functions, or predefined JavaScript object properties.Â
Syntax:
delete Object.property or delete Object['propertyName']
Example 1: This example goes through each object’s key and checks if the property has a null value. If it has then it deletes that property by using Delete property.
Javascript
let obj = { Â Â Â Â prop_1: null, Â Â Â Â prop_2: 'GFG', Â Â Â Â prop_3: 3, Â Â Â Â prop_4: null} Â Â Object.keys(obj).forEach( Â Â Â Â (key) => (obj[key] === null) && delete obj[key]); Â Â console.log(JSON.stringify(obj)); |
{"prop_2":"GFG","prop_3":3}
Example 2: This example goes through each key of the object and check if property have null and undefined values as well. If it has it deletes that property by Delete property.
Javascript
let obj = { Â Â Â Â prop_1: null, Â Â Â Â prop_2: 'GFG', Â Â Â Â prop_3: 3, Â Â Â Â prop_4: null} Â Â function delet(obj) { Â Â Â Â for (let prop in obj) { Â Â Â Â Â Â Â Â if (obj[prop] === null || obj[prop] === undefined) { Â Â Â Â Â Â Â Â Â Â Â Â delete obj[prop]; Â Â Â Â Â Â Â Â } Â Â Â Â } } Â Â delet(obj); Â Â console.log(JSON.stringify(obj)); |
{"prop_2":"GFG","prop_3":3}
… [Trackback]
[…] Information to that Topic: geeksforgeeks.org/remove-blank-attributes-from-a-javascript-object-2/ […]