How to create a JS Array containing an JS Object as Key value pairs from string?

Question

I Have a javascript code

var jsString1 = [];
var jsString = [];
var val1, val2;
val1 = "test1";
val2 = "test2";
jsString1.push("key1");
jsString1.push(val1);
jsString1.push("key2");
jsString1.push(val2);
jsString.push(jsString1);
alert(JSON.stringify(jsString));

this will give the result as these

// current output
 [["key1","test1","key2","test2"]]

but I need to make one like these

// needed output
 [{"key1":"test1","key2":"test2"}]

How can I do it ? Please help me and thanks in advance.

Ermiya Eskandary · Accepted Answer · 2021-10-09 16:42:48Z

1

Normally, you would only do

jsString1.push({
    "key1": val1 "key2": val2
})

Your code only pushes into the array.

You need to create an object first, and then add the object into the array.

edited Oct 9, 2021 at 16:42

Ermiya Eskandary

24.4k4 gold badges58 silver badges72 bronze badges

answered Oct 9, 2021 at 11:19

cobbey fayvcay

261 bronze badge

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

1 Comment

Gopipuli Over a year ago

its not pushing values in the above format

Ori Drori · Accepted Answer · 2021-10-09 11:25:20Z

1

You have an array of arrays of keys and values [[key, value, key, value]]. If the array was in the form of [[key, value], [key, value], ...] (entries) we could use Object.fromEntries() to convert it to an object.

To transform the original an array of entries, map the array, use Array.from() to convert sub-arrays to tuples of [key, value], and then use Array.flat() to convert the 3d array to a 2d array of entries:

const toEntries = arr =>
  arr.map(subArr => 
    Array.from({ length: subArr.length / 2 }, (_, i) => 
      subArr.slice(i * 2, i * 2 + 2)
    )
  ).flat(1)

const arr = [["key1","test1","key2","test2"]];

const obj = Object.fromEntries(toEntries(arr))

console.log(JSON.stringify(obj));

answered Oct 9, 2021 at 11:25

Ori Drori

196k32 gold badges243 silver badges233 bronze badges

3 Comments

Gopipuli Over a year ago

How to add the 3rd key and its value ?

Ori Drori Over a year ago

Push them to jsString1 array.

Andy Over a year ago

@Gopipuli any reason you can't just create an object an push it into an array? It seems like you're over-complicating things.

Collectives™ on Stack Overflow

How to create a JS Array containing an JS Object as Key value pairs from string?

2 Answers 2

1 Comment

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related