Obtain the value from a JavaScript array and use it as the key

Question

Obtain the value from a JavaScript array and use it as the key

Below is an array containing objects:

objectArray = [{name: “E-mail”, data_type: “text”}, {name: “Number”, data_type: “text”}, {name: “Person”, data_type: “text”}]

The goal is to extract only the name property from each object and use it as a key in a new object as shown below:

counterObject = {E-mail: 0, Number: 0, Person: 0}

An attempt was made to achieve this using the map method like so:

objectArray.map((elem) => {
                return {[elem.name]:0};
            })

However, the result obtained was:

[{Text: 0}, {Number: 0}, {E-mail: 0}, {Person: 0}, {Upload: 0}, {Date: 0}, {Link: 0}]

javascript arrays object

Answer 1

Answer №1

const data = [{ key: "E-mail" }, { key: "Number" }, { key: "Person" }];

const output = {};
data.forEach(item => output[item.key] = 0);

console.log(output);

Using the reduce method can be an alternative, however, I find it to be less understandable and has the downside of repeatedly creating/shallow-copying the accumulator.

Answer 2

const data = [{ key: "E-mail" }, { key: "Number" }, { key: "Person" }];

const output = {};
data.forEach(item => output[item.key] = 0);

console.log(output);

Using the reduce method can be an alternative, however, I find it to be less understandable and has the downside of repeatedly creating/shallow-copying the accumulator.

Answer 3

Answer №2

If you want to achieve this, you can utilize the reduce method like so:

const dataArr = [{name: "E-mail", data_type: "text"}, {name: "Number", data_type: "text"}, {name: "Person", data_type: "text"}];

const output = dataArr.reduce((res, obj) => ({ ...res, [obj.name]: 0 }), {});

console.log(output);

Answer 4

If you want to achieve this, you can utilize the reduce method like so:

const dataArr = [{name: "E-mail", data_type: "text"}, {name: "Number", data_type: "text"}, {name: "Person", data_type: "text"}];

const output = dataArr.reduce((res, obj) => ({ ...res, [obj.name]: 0 }), {});

console.log(output);

Answer 5

Answer №3

give this a shot

const extractedKeys = {};

objectArray.forEach(obj => {

     extractedKeys[obj['name']] = 0;
});

console.log(extractedKeys);

Answer 6

give this a shot

const extractedKeys = {};

objectArray.forEach(obj => {

     extractedKeys[obj['name']] = 0;
});

console.log(extractedKeys);

Obtain the value from a JavaScript array and use it as the key

Answer №1

Answer №2

Answer №3

Similar questions

Developing an array-based multiple choice quiz

Ways to refresh the main frame

Retrieving information from a URL stored in a JSON document

Discover the pixel width of a Bootstrap grid row or container using JavaScript

Showing a div with a smooth fade-in effect while switching its display property to inline using jQuery

What is the process for sending a JSON response and then redirecting to an HTML page after a successful event in Node.js using Express?

Using orchestrate.js for local passport.js authentication

Challenges with UV wrapping in THREE.js ShaderMaterial when using SphereBufferGeometry

Unable to retrieve information from v-for as it returns null data

Transform Array into an unordered list with list items

The system seems to be having trouble locating the password property, as it is returning a value of

Retrieving projectname values with specific name from a table

What would be the best way to set up .replace(/./g, '_') to exclude spaces from being replaced?

"The combination of Node.js, Express, and Angular is causing a continuous loop in the controller when a route is

What is the best way to apply toggle function to reveal hidden elements?

What could be causing the issue with the $http.delete method in AngularJS?

What is the process for importing module functions in Svelte when utilizing npm?

What is the best way to assign unique IDs to automatically generated buttons in Angular?

Use ajax.net 6 core to upload a file to the wwwroot directory

What is the solution for untangling this complicated Javascript variable referencing issue?