javascript - 这些 ArrayToMap 函数用法中哪一种性能更好？

Question

尝试映射数组，这些实现中哪一种性能更好？有更好的解决办法吗？

//Given the following Array of people:
const people = [ { name: 'Alice', available: true },  { name: 'Bob', available: false }, { name: 'Charlie', available: true }];

const mapWithReduce = (people) => people.reduce((map, person) => ({ [person.name]: person.available, ...map }), {});

const mapWithForEach = (people) => {
    const map = {};
    people.forEach((person) => map[person.name] = person.available);
    return map;
}

我发现mapWithReduce更漂亮，但我不知道...map}是否在每次迭代时复制 map 。 mapWithForEach 似乎性能更高。

Answer 1

性能方面，使用 for循环是最快的。

const people = [{ name: 'Alice', available: true }, { name: 'Bob', available: false }, { name: 'Charlie', available: true }]

const mapWithForLoop = (key, value) => array => {
  const map = {}

  for (let i = 0; i < array.length; i++) {
    const entry = array[i]
    map[entry[key]] = entry[value]
  }

  return map
}

const mapPeopleWithForLoop = mapWithForLoop('name', 'available')

console.log(mapPeopleWithForLoop(people))

forEach()不过，方法很接近。