How to convert two arrays into an object in JavaScript?

Question

I have two arrays, one for the players names :

players_name = ['John','Paul','Jack',...]

And another for the points of the players :

points = [23,13,18,...]

And I would like to know if it was possible to (not manually) transform this two arrays into an object that would look like this :

players_results = {
    'John': { point: 23},
    'Paul': { point: 13},
    'Jack': { point: 18},
}

Thanks !

Answer 1

You can use Object.fromEntries() for achieving your required result.

fromEntries takes an array of arrays (the nested array contains two values, 1st one is the key and the 2nd one is the value) and then converts it to an object. Try this-

const players_name = ['John','Paul','Jack'];
const points = [23,13,18];

const result = Object.fromEntries(
  players_name.map((name, i) => ([name, {point: points[i]}]))
);

console.log(result);

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

Note: This is not a good idea to use a name as the key of an object. Names might be similar for different people. Use a unique value as a key instead.

Answer 2

const players_name = ['John', 'Paul', 'Jack']
const points = [23, 13, 18]

const result = players_name.reduce((prev, item, i) => {
  prev[item] = {
    point: points[i]
  }
  return prev;
}, {});

console.log(result)

Answer 3

const players_name = ['John','Paul','Jack'];
    
const points = [23,13,18];

const players_results = {}

players_name.forEach((data, index) => {
  players_results[data] = {
      point: points[index]
    }
});

console.log(players_results);

Answer 4

You could do with Array#forEach

const players_name = ['John','Paul','Jack']
const points = [23,13,18]

players_results ={};

players_name.forEach((a,i)=>{
  players_results[a] = {point:points[i]}
})

console.log(players_results)