JS. Как из массива объектов сделать объект с параметрами из свойств?

Question

[jizzy]

Привет.

Изначально такой массив объектов:

array = [
     {
     name: "Kolya",
     number: "5"
     },
     {
     name: "Olga",
     number: "10"
     }     
]

Сделать такой объект:

obj = {
      "Kolya": "5",
      "Olga": "10"
}

Answer 1

[0xD34F]

const obj = Object.fromEntries(arr.map(n => [ n.name, n.number ]));
// или
const obj = arr.reduce((acc, n) => (acc[n.name] = n.number, acc), {});
// или
const obj = Object.assign({}, ...arr.map(n => ({ [n.name]: n.number })));

Или, в более общем виде:

function toObj(data, key, val = n => n) {
  const getKey = key instanceof Function ? key : n => n[key];
  const getVal = val instanceof Function ? val : n => n[val];
  const obj = {};

  for (const n of data) {
    obj[getKey(n)] = getVal(n);
  }

  return obj;
}

Пользоваться этим можно так (ваш случай):

const obj = toObj(arr, 'name', 'number');
// {Kolya: '5', Olga: '10'}

А можно так:

const charCodes = toObj('abc', n => n.charCodeAt());
// {97: 'a', 98: 'b', 99: 'c'}

И даже так тоже можно:

<input name="xxx" value="69">
<input name="yyy" value="187">
<input name="zzz" value="666">

const inputValues = toObj(document.querySelectorAll('input'), 'name', 'value');
// {xxx: '69', yyy: '187', zzz: '666'}

Comments

[zkrvndm]

Эх, за это я и не люблю стрелочные функции, пока распутаешь такой ребус много времени может уйти. И это у вас простые примеры, а бывает такие хитрые и неочевидные сокращения, что в в диву даешься.

[reinmaker90]

Надим Закиров, а что в них сложного после стрелки идет блок с инструкциями? читается так же как и обычная функция

[zkrvndm]

reinmaker90, тут наверное дело привычки, мне проще писать по старому, когда с одного взгляда понятно что, куда и откуда.

Answer 2

[zkrvndm]

Старый добрый for вам поможет:

var obj = {};

for (var n = 0; n < array.length; n++) {
    obj[array[n]['name']] = array[n]['value'];
}

console.dir(obj);