How to get Values from Specific Objects an Array in JavaScript ?

Q: How to get Values from Specific Objects an Array in JavaScript ?

In JavaScript, an array is a data structure that can hold a collection of values, which can be of any data type, including numbers, strings, and objects. When an array contains objects, it is called an array of objects.

How to find property values from an array containing multiple objects in JavaScript ?

How to use Higher-Order Components in React ?

In JavaScript, an array is a data structure that can hold a collection of values, which can be of any data type, including numbers, strings, and objects. When an array contains objects, it is called an array of objects.

Table of Content

Using the forEach() method
Using the map() method
Using the filter() method

Using the forEach() method

The forEach() method is used to iterate through each element of an array and execute a provided function. It does not return a new array, but it’s helpful when you want to operate on each element without modifying the original array.

Example: The below example demonstrates how to get values from specific objects inside an array using the forEach method in JavaScript.

Javascript

const courses = [
    { name: 'C++', fees: 30000 },
    { name: 'Python', fees: 35000 },
    { name: 'JavaScript', fees: 40000 },
    { name: 'Java', fees: 45000 },
];
 
const cheapCourses = [];
 
courses.forEach((course) => {
    if (course.fees <= 35000) {
        cheapCourses.push(course.name);
        cheapCourses.push(course.fees);
    }
});
 
console.log(cheapCourses);

Output

[ 'C++', 30000, 'Python', 35000 ]

Using the map() method

The map() method is another array method that allows you to iterate over each element in an array and return a new array with the result of some operation on each element. You can use map() to create a new array of values from the properties of the objects in the original array.

Example: The below example demonstrates How to get values from specific objects inside an array in JavaScript Using the map() method.

Javascript

const course = [
    { name: "Java", fees: 25000 },
    { name: "C++", fees: 30000 },
    { name: "Python", fees: 35000 },
];
 
const courses =course
    .map((filObj) => filObj.name);
console.log(courses);

Output

[ 'Java', 'C++', 'Python' ]

Using the filter() method

The filter() method is an array method that allows you to iterate over each element in an array and return a new array with only the elements that meet some condition. You can use filter() to create a new array of objects that meet some condition based on their properties.

Example: The below example demonstrates How to get values from specific objects inside an array in JS Using the filter() method.

Javascript

const course = [
    { name: "Java", fees: 25000 },
    { name: "C++", fees: 30000 },
    { name: "Python", fees: 35000 },
];
 
const courses =course
    .filter((obj) => obj.fees >= 30000)
    .map((filObj) => filObj.name);
console.log(courses);