Transformed an array of objects by extracting values from a specified object using TS/JS

Question

Transformed an array of objects by extracting values from a specified object using TS/JS

Hey folks, I'm wondering what's the most effective way to update an array of objects with values from another object. For example, imagine we have an array and an object structured like this:

let arr = [
{
        parameter: 'aaa', 
        isSomething: false
},
{
        parameter: 'bbb', 
        isSomething: false
}, 
{
        parameter: 'ccc', 
        isSomething: false
}
];

let obj = {aaa: false, bbb: true, ccc: true}

The desired output would be:

let arr = [
{
        parameter: 'aaa', 
        isSomething: false
},
{
        parameter: 'bbb', 
        isSomething: true
}, 
{
        parameter: 'ccc', 
        isSomething: true
}
];

I could use some assistance with this task. Any help would be greatly appreciated. Thank you!

javascript arrays typescript object

Answer 1

Answer №1

If you want to transform an array using the Arra#map() method and assign values using Destructuring assignment

Here is an example of how it can be done:

const arr = [{parameter: 'aaa',isSomething: false},{parameter: 'bbb',isSomething: false},{parameter: 'ccc',isSomething: false}

const obj = {
  aaa: false,
  bbb: true,
  ccc: true
}

const result = arr.map(({ parameter, isSomething }) => ({ 
  parameter, 
  isSomething: obj[parameter]
}))

console.log(result)

Answer 2

If you want to transform an array using the Arra#map() method and assign values using Destructuring assignment

Here is an example of how it can be done:

const arr = [{parameter: 'aaa',isSomething: false},{parameter: 'bbb',isSomething: false},{parameter: 'ccc',isSomething: false}

const obj = {
  aaa: false,
  bbb: true,
  ccc: true
}

const result = arr.map(({ parameter, isSomething }) => ({ 
  parameter, 
  isSomething: obj[parameter]
}))

console.log(result)

Transformed an array of objects by extracting values from a specified object using TS/JS

Answer №1

Similar questions

Hide an Angular button when a page is loaded, depending on the information found in a table

Combine two items, with one being contained within a list

Determining the appropriate generic type in Typescript

How do you extract a JSON response from a variable?

The Node.js Express Server runs perfectly on my own machine, but encounters issues when deployed to another server

Steps for leveraging pdfMake with live data

How can a mock document be utilized in a unit test for an imported TypeScript dependency?

using jQuery, add children to the elements only if there is a match

Leveraging ng-options with various objects in AngularJS

Creating multiple countdowns in AngularJS using ng-repeat is a handy feature to have

Error encountered while attempting to validate JWT

Extract nested values within objects and arrays, and return the complete type of the original object

The propagation of onClick events in elements that overlap

Is requestAnimationFrame necessary for rendering in three.js?

tips for transferring a javascript function value to a label within a webform

Creating a clone of a JavaScript object based on an already existing JavaScript object

Guidelines for creating animation for a single point in SVG Polygon

Electric LocalData

Handlebars If the length of variable is more than

What would be an effective method for sending a multitude of parameters to a controller?