How to create new array with key and value with 2 arrays?

Question

I have 2 array, one for key and other for value.

Want create new array with these arrays.

key: [01, 02, 03]
value: ["hi", "hello", "welcome"]
Output I need:

[ 
  {"key": "1","value":"hi"},
  {"key": "2","value":"hello"},
  {"key": "3","value":"welcome"} 
]

How to get result by this way.?

My code:

output = key.map(function(obj, index){
      var myObj = {};
      myObj[value[index]] = obj;
      return myObj;
    })

Result:

 [
 {"1","hi"},
 {"2","hello"},
 {"3","welcome"} 
    ]

quirimmo · Accepted Answer · 2018-12-23 18:15:27Z

5

const keys = [01, 02, 03];
const values = ['hi', 'hello', 'welcome'];

const res = keys.map((key, ind) => ({ 'key': ''+key, 'value': values[ind]}));
console.log(res);

There is also a proposal for the following method of Object, fromEntries, which will do exactly what you want to, but it is not supported yet by the major browsers:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/fromEntries

answered Dec 23, 2018 at 18:15

quirimmo

10k3 gold badges33 silver badges46 bronze badges

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

Comments

Pradeep Singh · Accepted Answer · 2018-12-23 18:59:46Z

1

    var myArray = [];  
    var keys = [45, 4, 9];  
    var cars = ["Saab", "Volvo", "BMW"];  
    cars.forEach(myFunction);  
    var txt=JSON.stringify(myArray);  
    document.getElementById("demo").innerHTML = txt;  
      
    function myFunction(value,index,array) {  
        var obj={ key : keys[index], value : value };  
        myArray.push(obj);  
    }

    <p id="demo"></p>

answered Dec 23, 2018 at 18:59

Pradeep Singh

4705 silver badges13 bronze badges

Comments

Nina Scholz · Accepted Answer · 2018-12-23 18:15:47Z

0

You could take an object with arbitrary count of properties amd map new objects.

var key = [1, 2, 3],
    value = ["hi", "hello", "welcome"],
    result = Object
        .entries({ key, value })
        .reduce((r, [k, values]) => values.map((v, i) => Object.assign(
            {},
            r[i],
            { [k]: v }
        )), []);

console.log(result);

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

edited Dec 23, 2018 at 18:15

answered Dec 23, 2018 at 18:09

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Comments

Shidersz · Accepted Answer · 2018-12-24 04:09:22Z

0

Here you have another apporach using reduce():

let keys = [01, 02, 03];
let values = ['hi', 'hello', 'welcome'];

let newArray = keys.reduce((res, curr, idx) => {
    res.push({'key': curr.toString(), 'value': values[idx]});
    return res;
}, []);

console.log(newArray);

answered Dec 24, 2018 at 4:09

Shidersz

17.2k2 gold badges28 silver badges52 bronze badges

Collectives™ on Stack Overflow

How to create new array with key and value with 2 arrays?

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related