如何将数组转换为对象？

Question

像这样转换数组的最佳方法是什么：

const arr = [
  { name: 'Bob' },
  { name: 'Ben' }
  { name: 'Cole' }
  { name: 'Mary' }
  { name: 'Travis' }
]

像这样的对象：

const obj = {
  'B': ['Bob', 'Ben'],
  'C': ['Cole'],
  'M': ['Mary'],
  'T': ['Travis']
}

仅使用原始 JS

Answer 1

您可以使用 array#reduce。遍历数组的每个对象，然后提取第一个字母并添加与其对应的名称。

const arr = [{name: 'Bob'}, {name: 'Ben'}, {name: 'Cole'}, {name: 'Mary'}, {name: 'Travis'}],
      result = arr.reduce((r,{name}) => {
        r[name[0]] = r[name[0]] || [];
        r[name[0]].push(name);
        return r;
      },{});
console.log(result);

Answer 2

我使用 reduce 函数创建了一个数组，其中键是名称的第一个字母，并从对象中重构 'name'。如果键存在于数组中，则名称被压入（使用扩展运算符）。否则，它会创建仅包含一个元素的密钥。

const arr = [
  { name: 'Bob' },
  { name: 'Ben' },
  { name: 'Cole' },
  { name: 'Mary' },
  { name: 'Travis' }
];

const obj = arr.reduce((res, {name})=>{
  res[name[0]] = res[name[0]] ? [...res[name[0]],name] : [name];
  return res;
}, {});

console.log(obj);

Answer 3

let obj = {};
arr.forEach( e => {
  const name = e.name;
  if (!obj[name.charAt(0)]) obj[name.charAt(0)] = [];
  obj[name.charAt(0)].push(name);
})

我正在生成一个新对象并根据名称值的第一个字符向其添加新闻键（仅当尚未添加该键时）。然后，我将每个值添加到对应的键。

Answer 4

你说的是 Vanilla JS？给你

let nil      = x => x === undefined;
let empty    = ([h]) => nil(h);
let first    = ([h]) => h;
let last     = ([h, ...t]) => empty(t) ? h : last(t);
let map      = ([h, ...t], f) => nil(h) ? [] : [f(h), ...map(t, f)];
let reduce   = ([h, ...t], f, i) => nil(h) ? i : reduce(t, f, f(i, h));
let tab      = (a, f) => map(a, x => [x, f(x)]);
let push     = (a, x) => nil(a) ? [x] : [...a, x];
let groupBy  = (a, f) => _groupBy(tab(a, f));
let _groupBy = ka => reduce(ka, (g, [x, k]) => ({...g, [k]: push(g[k], x)}), {});

///

const arr = [{ name: 'Bob' },{ name: 'Ben' },{ name: 'Cole' },{ name: 'Mary' },{ name: 'Travis' }]
z = groupBy(map(arr, x => x.name), first)
console.log(z)

没有built-ins！

Answer 5

我认为此线程缺少 非功能性 答案，所以这里是：

const obj = {};

for(const {name} of arr)
  (obj[name[0]] || (obj[name[0]] = [])).push({name});

如何将数组转换为对象？

How to transform Array to Object?

javascript

arrays

reduce

object

ecmascript-6