How to create single object with multiple keys and elements?

Question

I have one array with key and its array elements

When I am converting it from array to object then I am getting index 0 and 1 but here I need index should be array1 and array2

let input = [{
    "array1": [{
      "id": 1,
      "name": "Test 1"
    }, {
      "id": 2,
      "name": "Test 2"
    }]
  },
  {
    "array2": [{
        "id": 1,
        "name": "Test 1"
      },
      {
        "id": 2,
        "name": "Test 2"
      }
    ]
  }
];


function convert(arr) {
  let obj = new Object();

  arr.forEach((value, key) => {
    obj = value;
  });
  return obj;
}
console.log(convert(input))

so after calling this function i am getting following output

{
  "array2": [
     {
      "id": 1,
      "name": "Test 1"
     },
    {
      "id": 2,
      "name": "Test 2"
    }
  ]
}

but here I need output should be like this

{
  "array1": [
    {
      "id": 1,
      "name": "Test 1"
    },
    {
      "id": 2,
      "name": "Test 2"
    }
  ],
  "array2": [
    {
      "id": 1,
      "name": "Test 1"
    },
    {
      "id": 2,
      "name": "Test 2"
    }
  ]
}

If I use the define the array inside the convert function and push it then again i am getting the index 0 and 1.

How can i get expected result here.

Jack Bashford · Accepted Answer · 2019-04-05 07:45:28Z

Spreading (...) is the key:

let input = [{
    "array1": [{
      "id": 1,
      "name": "Test 1"
    }, {
      "id": 2,
      "name": "Test 2"
    }]
  },
  {
    "array2": [{
        "id": 1,
        "name": "Test 1"
      },
      {
        "id": 2,
        "name": "Test 2"
      }
    ]
  }
];


function convert(arr) {
  return arr.reduce((acc, curr) => ({ ...acc, ...curr }), {});
}
console.log(convert(input))

.as-console-wrapper { max-height: 100% !important; top: auto; }

You could also combine it with Object.assign on the array itself:

let input = [{
    "array1": [{
      "id": 1,
      "name": "Test 1"
    }, {
      "id": 2,
      "name": "Test 2"
    }]
  },
  {
    "array2": [{
        "id": 1,
        "name": "Test 1"
      },
      {
        "id": 2,
        "name": "Test 2"
      }
    ]
  }
];


function convert(arr) {
  return Object.assign(...arr);
}
console.log(convert(input))

.as-console-wrapper { max-height: 100% !important; top: auto; }

Mukyuu · Accepted Answer · 2019-04-05 07:51:40Z

2

For getting a single object with the wanted keys, you could assign all items to a single object with Object.assign with spread syntax ....

let input = [{ array1: [{ id: 1, name: "Test 1" }, { id: 2, name: "Test 2" }] }, { array2: [{ id: 1, name: "Test 1" }, { id: 2, name: "Test 2" }] }],
    object = Object.assign(...input);

console.log(object)

.as-console-wrapper { max-height: 100% !important; top: 0; }

Your code does not work because you take the latest assignment as a result

function convert(arr) {
    let obj = new Object();       // initialization

    arr.forEach((value, key) => {
        obj = value;              // assignment
    });
    return obj;                   // returns last assignment
}

edited Apr 5, 2019 at 7:51

Mukyuu

6,7998 gold badges42 silver badges63 bronze badges

answered Apr 5, 2019 at 7:45

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Comments

Vladimir Bogomolov · Accepted Answer · 2019-04-05 07:48:13Z

0

Using your code

function convert(arr) {
   let obj = new Object();
   arr.forEach((value, key) => {
     obj[key] = value;
   });
   return obj;
}

You were doing obj = value; on each iteration in the forEach which would mean you reassign obj to be the new value every time.

answered Apr 5, 2019 at 7:48

Vladimir Bogomolov

1,79414 silver badges20 bronze badges

Comments

mplungjan · Accepted Answer · 2019-04-05 07:56:27Z

0

You just need to use your key parameter of foreach function in your object. I am attaching the code below you can look.

let input = [{
    "array1": [{
      "id": 1,
      "name": "Test 1"
    }, {
      "id": 2,
      "name": "Test 2"
    }]
  },
  {
    "array2": [{
        "id": 1,
        "name": "Test 1"
      },
      {
        "id": 2,
        "name": "Test 2"
      }
    ]
  }
];


function convert(arr) {
  let obj = new Object();

  arr.forEach((value, key) => {
    obj[key] = value;
  });
  return obj;
}
console.log(convert(input))

edited Apr 5, 2019 at 7:56

mplungjan

180k29 gold badges183 silver badges246 bronze badges

answered Apr 5, 2019 at 7:55

PRATEEK VAISHNAV

314 bronze badges

2 Comments

mplungjan Over a year ago

Some IDEs will object to your new Object, instead use let obj = {};

mplungjan Over a year ago

I believe it is identical to stackoverflow.com/a/55530612/295783

Collectives™ on Stack Overflow

How to create single object with multiple keys and elements?

4 Answers 4

Comments

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related