Merging two arrays with array1 as key and array2 as value

Question

const dataParams = [];  
let data={
         A:'5',
         B:'6',
         C:'7',
         D:'8'
       }
for(let d in data){
 dataParams.push(d + '=' + data[d]);  
}
console.log(dataParams)

I have an object as below i just need to print it as an array like ["A=5", "B=6", "C=7", "D=8"]

The Below code is working please see the console.

But i have read about the keys and values method in JS

Object.keys(data) // [A,B,C,D] Object.values(data) // ['5','6','7','8']

Is there any way that i can get the same output with the help of using keys and values method

Hassan Imam · Accepted Answer · 2018-01-03 09:54:01Z

1

Use object#entries with array#map

let data={A:'5',B:'6',C:'7', D:'8'},
  result = Object.entries(data).map(([key, value]) => `${key}=${value}`);
  console.log(result);

You can also use Object.keys()

let data={A:'5',B:'6',C:'7', D:'8'},
      result = Object.keys(data).map(k => `${k}=${data[k]}`);
      console.log(result);

answered Jan 3, 2018 at 9:54

Hassan Imam

22.6k6 gold badges45 silver badges53 bronze badges

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

1 Comment

Beginner Over a year ago

Thank for the quick response !!:)

Ahmet Can Güven · Accepted Answer · 2018-01-03 09:54:52Z

0

You can use reduce with Object.keys

var data = {
  a:1,
  b:2,
  c:3,
  d:4
}

var list = Object.keys(data).reduce(function(keyValueList, prop){
  keyValueList.push(prop + '=' + data[prop])
  return keyValueList;
}, []);

console.log(list);

answered Jan 3, 2018 at 9:54

Ahmet Can Güven

5,4524 gold badges43 silver badges61 bronze badges

Comments

Chris Applegate · Accepted Answer · 2018-01-03 09:57:38Z

0

As you're using both key and value, Object.entries is probably best for you:

const dataParams = Object.entries(data).map(([key, value]) => `${key}=${value}`);

answered Jan 3, 2018 at 9:57

Chris Applegate

7623 silver badges11 bronze badges

Collectives™ on Stack Overflow

Merging two arrays with array1 as key and array2 as value

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related