Finding property values in an array of objects using if/else condition is particularly useful when there is a collection of objects.
Using Array Find Method
The array find method loop in JavaScript is used to retrieve the first element in an array that satisfies a given condition. In this approach, using the find() method, we create a function findPropertyValue() to filter objects in the ‘objectsArray’ array based on a specific object id, returning an object property value.
Syntax:
array.find(function(currentValue, index, arr), thisValue)
Example: The below code uses the JavaScript array find method to find property values in an array of objects.
const objectsArray = [ { id: 1, name: "GeeksforGeeks" },
{ id: 2, name: "Computer Science" },
{ id: 3, name: "Portal" },
{ id: 4, name: "For Geeks" },
{ id: 5, name: "GFG" },
] const findPropertyValue = (objectId) => { const object =
objectsArray.find((object) => object.id === objectId);
if (object) { //If-else condition
return object.name;
}
else {
return null ;
}
} // Prints "name" property value of object with "id" 2 console.log(findPropertyValue(2)); |
Computer Science
Using Array Filter Method
In this approach, using the filter() method, we create a function findPropertyValue() to filter objects in the ‘objectsArray’ array based on a specific object id, returning an object property value in the form of a new array containing this particular object property that satisfies the specified condition.
Syntax:
array.filter(callback(element, index, arr), thisValue)
Example: The below code uses the JavaScript array filter method to find property values in an array of objects.
const objectsArray = [ { id: 1, name: "GeeksforGeeks" },
{ id: 2, name: "Computer Science" },
{ id: 3, name: "Portal" },
{ id: 4, name: "For Geeks" },
{ id: 5, name: "GFG" },
] function getPropertyValue(objectId) {
const property =
objectsArray.filter(object => object.id == objectId);
if (property[0].name != null ) { //If-else condition
return property[0].name;
}
else {
return ;
}
} //Prints "name" property value of object with "id" 1 console.log(getPropertyValue(1)); |
GeeksforGeeks
Using For Of Loop
In this approach, we create a function findPropertyValue() using a for-of loop to iterate through objects based on a specific object ID, searching for a property’s value accordingly. The matching object property value is returned as the output.
Example: The below code uses the JavaScript for-of loop to find property values in an array of objects.
const objectsArray = [ { id: 1, name: "GeeksforGeeks" },
{ id: 2, name: "Computer Science" },
{ id: 3, name: "Portal" },
{ id: 4, name: "For Geeks" },
{ id: 5, name: "GFG" },
] function getPropertyValue(objectID) {
for (const obj of objectsArray) {
if (obj.id == objectID) { //If-else condition
return obj.name;
} else {
continue ;
}
}
return null ;
} //Prints "name" property value of object with "id" 3 console.log(getPropertyValue(3)); |
Portal