Create Array by Dynamic Keys and Values

Question

I am getting a value in string in a variable, i.e

let name = 'Vishesh';
let name2 = 'Vishesh2';

and an Array i.e

let cars = [{carName: "Mercedes"},{carName: "Volvo"},{carName:"BMW"}];

Now I want to create an Array where my Key is the name and in value, there should be cars array, i.e

Array=[{Vishesh: [{carName: "Mercedes"},{carName: "Volvo"},{carName:"BMW"}]},{Vishesh2: [{carName: "Mercedes"},{carName: "Volvo"},{carName:"BMW"}]}];

let myarray:any[]=[];let obj1:any={};obj1[name]=cars;myarray.push(obj1) — Eliseo
– Eliseo, Commented Oct 3, 2018 at 9:44
No name1 and name2 are just an example to show it would be multiple. They are dynamic values so it's uncertain how many names you would get. — Vishesh
– Vishesh, Commented Oct 3, 2018 at 9:44

N.chauhan · Accepted Answer · 2018-10-03 10:12:20Z

5

let name = 'Vishesh';
let name2 = 'Vishesh2';
let cars = [{carName: "Mercedes"},{carName: "Volvo"},{carName:"BMW"}];
let array = []

array.push({[name]:cars})
array.push({[name2]:cars})
console.log(array);

edited Oct 3, 2018 at 10:12

answered Oct 3, 2018 at 9:54

N.chauhan

2631 silver badge8 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Callam · Accepted Answer · 2018-10-03 09:51:33Z

2

You can interpolate the names directly into the dictionary construction as a key.

let name = 'Vishesh';
let name2 = 'Vishesh2';
 
console.log([
  {
    [name]: [
      { carName: "Mercedes" },
      { carName: "Volvo" },
      { carName:"BMW" }
    ]
  },
   {
    [name2]: [
      { carName: "Mercedes" },
      { carName: "Volvo" },
      { carName:"BMW" }
    ]
  }
]);

But you can do this a bit more dynamically

let name = 'Vishesh';
let name2 = 'Vishesh2';
let cars = [
  { carName: "Mercedes" },
  { carName: "Volvo" },
  { carName:"BMW" }
];

function keyByNames(names, cars) {
  let named = {}
  names.forEach(name => {
    named[name] = JSON.parse(JSON.stringify(cars))
  })
  return named
}

console.log(keyByNames([ name, name2 ], cars));

edited Oct 3, 2018 at 9:51

answered Oct 3, 2018 at 9:45

Callam

11.5k2 gold badges36 silver badges33 bronze badges

2 Comments

Mathyn Over a year ago

Cool, didn't know you could do that!

Vishesh Over a year ago

Without dynamic code it was perfect as I wanted but, the Dynamic code is not proper because it is not an Array. @Mathyn Solution for dynamic worked for me as he is using push, So I get in Array.

Mathyn · Accepted Answer · 2018-10-03 09:50:43Z

1

How about this (assuming it is only two names):

let obj1 = {};
obj1[name] = cars;

let obj2 = {};
obj2[name2] = cars;

var array = [obj1, obj2];

Do note: both objects reference the same array. Changing the array will therefore 'update' the array in two places (since it is by reference).

If however you want a dynamic set of names your code could look like this:

var names = ["Vishesh", "Vishesh2", "Vishesh3"];

var array = [];
for(var i = 0; i < names.length; i++) {
    var name = names[i];

    var obj = {};
    obj[name] = cars;

    array.push(obj);
}

edited Oct 3, 2018 at 9:50

answered Oct 3, 2018 at 9:44

Mathyn

2,6602 gold badges24 silver badges37 bronze badges

Comments

Pavel Kratochvil · Accepted Answer · 2018-10-03 12:15:40Z

1

using reduce function on your array of cars can be solution as well.:

let names = ["Wishes1", "Wishes2", "Wishes3"]

let cars = [{carName: "Mercedes"},{carName: "Volvo"},{carName:"BMW"}];

const withNames = (names) => (currentMapState, currentItem, currentIndex) => {
	currentMapState[names[currentIndex]] = currentItem;
  return currentMapState;
}

console.log(cars.reduce(withNames(names), {}));

And bonus is that withNames function is easily testable. Have a nice day.

answered Oct 3, 2018 at 12:15

Pavel Kratochvil

4812 silver badges9 bronze badges

2 Comments

Vishesh Over a year ago

Thanks for the help but I wanted it in an Array. Upvoted for your effort.

Pavel Kratochvil Over a year ago

Oh, i see. Sorry for that. I will stay with reduce and instead of pushing it to map you can push it to array like this: jsfiddle.net/krewilone/5hsaq7eu

Tarek Essam · Accepted Answer · 2018-10-03 09:51:37Z

0

if there is always two names:

const Array = [
  { [name]: cars },
  { [name2]: cars }
]

answered Oct 3, 2018 at 9:51

Tarek Essam

4,0602 gold badges15 silver badges21 bronze badges

Collectives™ on Stack Overflow

Create Array by Dynamic Keys and Values

5 Answers 5

Comments

2 Comments

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

2 Comments

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related