JavaScript function that takes an array of large objects and returns an array of smaller objects

Question

JavaScript function that takes an array of large objects and returns an array of smaller objects

Consider this scenario: I have a collection of large objects consisting of various attributes like ID, type, title, count, and more.

{
    "id": "0165a74c-2545-40f7-9145-b95f5e5cb77e",
    "type": 4,
    "title": "My Title",
    "delete": false,
    "delete_reason": null,
    "delete_time": "2019-12-05T16:17:15.313Z",
    "count": 37765,
    "sync": 1575672973,
    "observe": 1575672949,
    "updated": true,
    "option": null
}

By using obj.filter(), I can selectively filter the objects based on their type 'n'.

However, even after filtering, the resulting array still contains the entire large objects.

If I want to extract only the title and ID from these objects to create a new array, how can I achieve that?

[
    {
         "id": "0165a74c-2545-40f7-9145-b95f5e5cb77e",
         "title": "My Title"
    },
    ...
]

Is there a way to accomplish this using map reduce, or do I need to revert to using a for loop for this task?

javascript arrays

Answer 1

Answer №1

To extract just the attributes, you can utilize destructuring and create new objects using map method.

output = items.map(({ name, price }) => ({ name, price }));

Answer 2

To extract just the attributes, you can utilize destructuring and create new objects using map method.

output = items.map(({ name, price }) => ({ name, price }));

JavaScript function that takes an array of large objects and returns an array of smaller objects

Answer №1

Similar questions

Steps for establishing a thread pool for workers

Tips for ensuring synchronous state changes in React

Competition among fetch requests

retrieve a reply from a PHP script and incorporate it into JavaScript following an AJAX request

How to eliminate certain elements from the DOM in Angular 5

What is the best method for incorporating a CSRF token into a JavaScript file?

Guide to obtaining ngPrime autocomplete text when the button is clicked within Angular 6

ES6 syntax specification allows for the use of a fat arrow function for declaring React components

Exploring the possibilities of PHP, AJAX, and JSON

Deleting a hyperlink within a content-editable area

Concealing and revealing the sidebar container

the nextjs model is throwing a 400 bad request error when fetching data

`Why my React function calls are not being tested properly with Jest and Sinon?`

Simplified jQuery function for multiple div mouseover operations

Utilize array.prototype.reduce() with strings

Ways to display a targeted div element in Ruby on Rails when a limit is imposed

Using THREE.js to cast rays from a secondary camera onto the scene

Unlimited digest loop in Angular.js caused by nested ng-repeat and filter

When trying to gather multiple parameters using @Param in a NestJS controller, the retrieved values turn out

Animation displayed on page load before running