Converting a JavaScript hash into a single object: A step-by-step guide

Question

Converting a JavaScript hash into a single object: A step-by-step guide

I have an array of objects in the following format:

var log=[
{
  billkey:"Name",
  billvalue:"ABC"
},
{ 
  billkey:"Department",
  billvalue:"Computer"
}];

and I want to convert it into a single object like this:

var log={
       "Name":"ABC",
       "Department":"Computer"
     };

I attempted the following approach:

for(var i=0;i<log.length;++i){
   pushToAry(log[i].billkey, log[i].billvalue);
}

function pushToAry(name, val) {
 var obj = {};
 obj[name] = val;
 ary.push(obj);
 }

However, this results in pushing a new object into the array every time, leading to:

var ary =[
    0:{
      "Name":"ABC"
    },
    1:{ 
      "Department":"Computer"
    }];

How can I properly convert this array of objects into a single object?

javascript arrays object

Answer 1

Answer №1

One great feature of ES6 is its simplicity:

let newObject = {};

for (let {key, value} of data)
    newObject[key] = value;

For those who prefer a more "functional" approach:

let newObject = Object.assign(...data.map(item => ({[item.key]: item.value})))

Answer 2

One great feature of ES6 is its simplicity:

let newObject = {};

for (let {key, value} of data)
    newObject[key] = value;

For those who prefer a more "functional" approach:

let newObject = Object.assign(...data.map(item => ({[item.key]: item.value})))

Answer 3

Answer №2

One way to extract information from an array of objects and return it as a new object is by using the reduce() method.

var data = [{
  key: "Name",
  value: "John"
}, {
  key: "Age",
  value: 30
}];

var result = data.reduce((acc, obj) => (acc[obj.key] = obj.value, acc), {});
console.log(result)

Answer 4

One way to extract information from an array of objects and return it as a new object is by using the reduce() method.

var data = [{
  key: "Name",
  value: "John"
}, {
  key: "Age",
  value: 30
}];

var result = data.reduce((acc, obj) => (acc[obj.key] = obj.value, acc), {});
console.log(result)

Answer 5

Answer №3

If you're looking to implement a loop, here's a simple way to do it:

var userDetails = [
  {
    attribute: "Name",
    value: "John"
  },
  {
    attribute: "Age",
    value: 25
  }];
  var userInfo = {};
  userDetails.forEach(item => userInfo[item.attribute] = item.value);
  console.log(userInfo);

Answer 6

If you're looking to implement a loop, here's a simple way to do it:

var userDetails = [
  {
    attribute: "Name",
    value: "John"
  },
  {
    attribute: "Age",
    value: 25
  }];
  var userInfo = {};
  userDetails.forEach(item => userInfo[item.attribute] = item.value);
  console.log(userInfo);

Answer 7

Answer №4

If you want to simplify the process, you can utilize Array.prototype.reduce method in JavaScript to condense it into the desired object as shown in the example below:

var items=[{key:"Name",value:"John"},{ key:"Department",value:"HR"}];

var result = items.reduce(function(previous,current){
  previous[current.key] = current.value;
  return previous;
},{})

console.log(result);

Answer 8

If you want to simplify the process, you can utilize Array.prototype.reduce method in JavaScript to condense it into the desired object as shown in the example below:

var items=[{key:"Name",value:"John"},{ key:"Department",value:"HR"}];

var result = items.reduce(function(previous,current){
  previous[current.key] = current.value;
  return previous;
},{})

console.log(result);

Answer 9

Answer №5

let resultObject = {};
for (let index = 0; index < log.length; index++)
    resultObject[log[index].billkey] = log[index].billvalue;

To start, I create an empty object to hold the results. Then, I loop through the log array and for each entry, I retrieve the key (log[index].billkey) and value (log[index].billvalue) of the log record. These values are then used to add a new property to the result object: obj[...key...] = ...value...;.

Answer 10

let resultObject = {};
for (let index = 0; index < log.length; index++)
    resultObject[log[index].billkey] = log[index].billvalue;

To start, I create an empty object to hold the results. Then, I loop through the log array and for each entry, I retrieve the key (log[index].billkey) and value (log[index].billvalue) of the log record. These values are then used to add a new property to the result object: obj[...key...] = ...value...;.

Converting a JavaScript hash into a single object: A step-by-step guide

Answer №1

Answer №2

Answer №3

Answer №4

Answer №5

Similar questions

The event "subscriptionRemoved" is not being triggered when a password change is made on the Microsoft Graph API

What is the best way to arrange the keys of a JavaScript object in a customized

Is there a way to create a navigation menu that highlights as we scroll down the page?

Tabs within the AutoComplete popup in Material-UI

PHP object representing a datetime in JSON format

Using Switch Case and If Statements in Javascript and Jquery

Combine and calculate the total of several columns using the Loadash library

What should I do to resolve the issue of the function if ($(window).width() < 768) {} not functioning properly upon resizing the browser?

Can a pledge be honored at a precise moment?

Tips for serving images locally instead of using an online URL when exporting with Next.js static:

Having trouble debugging JavaScript as a beginner? Unable to pull the cookie value and use it as a variable? Let's

What is the best way to streamline the if statement in JavaScript?

``There was an issue with the connection while fetching data using Nextjs middleware

Updating choices within a div in real-time by changing the select box dynamically

The error message "ReferenceError: $ is not defined" is displayed within

When a link is right-clicked, the window.opener property becomes null

Incorporating an offset with the I18nPluralPipe

Swagger is unable to locate a user schema when utilizing Yaml files

Is it possible to utilize the map method to extract objects that are nested multiple layers deep?

The reason behind a loop being caused by an IF statement