Скачать или смотреть How to map an array of objects in JavaScript for specific properties

Learn how to efficiently `map an array of objects` in JavaScript and return only the specific properties you need.
---
This video is based on the question https://stackoverflow.com/q/63251236/ asked by the user 'Baruch Mashasha' ( https://stackoverflow.com/u/10994570/ ) and on the answer https://stackoverflow.com/a/63251281/ provided by the user 'Adam Azad' ( https://stackoverflow.com/u/2151050/ ) at 'Stack Overflow' website. Thanks to these great users and Stackexchange community for their contributions.

Visit these links for original content and any more details, such as alternate solutions, latest updates/developments on topic, comments, revision history etc. For example, the original title of the Question was: How can i map array of objects and return specific properties from the objects

Also, Content (except music) licensed under CC BY-SA https://meta.stackexchange.com/help/l...
The original Question post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license, and the original Answer post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license.

If anything seems off to you, please feel free to write me at vlogize [AT] gmail [DOT] com.
---
Mastering Object Mapping in JavaScript: A Simple Guide

In the world of JavaScript, arrays are fundamental data structures that enable you to store collections of items. However, what if you have an array of objects, and you're only interested in specific properties of these objects? This scenario is common, especially when working with data from APIs. Today, I'm going to show you how to map an array of objects and return only the properties that you want, making your data manipulation much more efficient and streamlined.

The Problem

Imagine you have an array of objects representing different football teams, like so:

[[See Video to Reveal this Text or Code Snippet]]

You want to transform this array into a new format that only includes "team_name" and "founded" for each team.

Your desired output would look like this:

[[See Video to Reveal this Text or Code Snippet]]

The Solution

To achieve this, we'll be using the map function, which is a built-in method in JavaScript arrays that creates a new array populated with the results of calling a provided function on every element in the calling array. Let's break down how to do this step by step.

Step 1: Define the Original Array

First, make sure you have your data stored in a variable:

[[See Video to Reveal this Text or Code Snippet]]

Step 2: Use the map Function

Next, we will call the map method on our data array. Inside the map function, use destructuring to select the specific properties you want from each object:

[[See Video to Reveal this Text or Code Snippet]]

What Happens Here?

Destructuring: The ({ team_name, founded }) syntax pulls out the team_name and founded properties from each object, making the code cleaner and easier to read.

Returning a New Object: The arrow function returns a new object containing only the desired properties.

Step 3: Testing the Output

Finally, you can log the final result to see your newly structured data:

[[See Video to Reveal this Text or Code Snippet]]

Complete Code Example

Here is the complete code that you would run in your JavaScript environment:

[[See Video to Reveal this Text or Code Snippet]]

Conclusion

Mapping an array of objects to retrieve specific properties is a powerful technique in JavaScript. It not only helps you to fetch only the necessary data but also keeps your code clean and readable. Try it out with different properties and objects to see how versatile this method can be. Happy coding!