Sunday, November 17, 2024
Google search engine
HomeLanguagesJavascriptHow to check an Array Contains an Object of Attribute with Given...

How to check an Array Contains an Object of Attribute with Given Value in JavaScript ?

Sometimes, when working with an array of objects in JavaScript, we need to determine whether an object with a specific attribute value exists in the array. This can be useful when filtering or searching for specific objects in the array. Below are the common methods to determine if the array contains an object with an attribute.

Approach 1: Using Array.some() method: The Javascript array.some() method checks whether at least one of the elements of the array satisfies the condition checked by the argument method. In this approach, we use some() method to find a food item in the food menu array if a searched food item is present in the food menu array it returns true otherwise it returns false.

Syntax 

array.some((element, index, array) => {
    // Code to test if element matches the condition
});

 

Example: Here we are using the above-explained approach.

Javascript




const foodmenu = [
    { Item: "Masala Dosa", price: 60 },
    { Item: "Ice-cream", price: 35 },
    { Item: "Idli", price: 30 },
];
  
const searchItem = "buttermilk";
  
const containsObject =
    foodmenu.some((obj) => obj.Item === searchItem);
  
if (containsObject) {
    console.log
        (`'${searchItem} is present in our Foodmenu'`);
} else {
    console.log
        (` '${searchItem}' is not present in our Foodmenu`);
};


Output:

'buttermilk' is not present in our Foodmenu

Approach 2: Using the Array.find() method:  The find() method returns the first element in the array that satisfies the provided testing function. If no element satisfies the function, undefined is returned.

Syntax:

array.find((element, index, array) => {
    // Code to test if element matches the condition
});

Example: Here’s how we can use find() to determine if an array contains an object with an attribute that equals a given value:

Javascript




const foodmenu = [
    { Item: "Masala Dosa", Price: 60 },
    { Item: "Ice-cream", Price: 35 },
    { Item: "Idli", Price: 30 },
];
  
const searchItem = "Idli";
  
const foundObject =
    foodmenu.find((obj) => obj.Item === searchItem);
  
if (foundObject) {
    console.log
        (`'${searchItem}' is present in our Foodmmenu`);
} else {
    console.log
        (`'${searchItem}' is not present in our Foodmenu`);
};


Output:

'Idli' is present in our Foodmmenu

Approach 3: Using a for loop: for loop is the execution of a set of instructions repeatedly until some condition evaluates and becomes false. in this approach, we are using for loop to determine an object in an array

Syntax:

for (let i = 0; i < array.length; i++) {
    if (array[i].attribute === searchValue) {
        // Code to handle matching element
    }
}

Example: In this example, we are using the above approach.

Javascript




const foodmenu = [
    { Item: "Masala-Dosa", Price: 60 },
    { Item: "Ice-cream", Price: 35 },
    { Item: "Idli", Price: 30 },
];
  
const searchItem = "Masala-Dosa";
let found = false;
  
for (let i = 0; i < foodmenu.length; i++) {
    if (foodmenu[i].Item === searchItem) {
        found = true;
        break;
    }
}
  
if (found) {
    console.log
        (`'${searchItem}' is present in our Foodmenu`);
} else {
    console.log
        (`'${searchItem}' is not present in our Foodmenu`);
};


Output:

'Masala-Dosa' is present in our Foodmenu

Whether you’re preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, neveropen Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we’ve already empowered, and we’re here to do the same for you. Don’t miss out – check it out now!

RELATED ARTICLES

Most Popular

Recent Comments