js list转map|极客笔记

js list转map

在JavaScript中，List是一种有序的集合，而Map是一种键值对的集合。有时候我们需要将List转成Map，以便更方便地根据键来查找值。本文将详细讨论如何将List转成Map的一些常见方法和示例。

什么是List和Map

在开始讨论如何将List转成Map之前，我们先来了解一下List和Map的概念。

List

List是一种可以包含多个元素的有序集合。在JavaScript中，我们通常使用数组（Array）来表示List。数组中的每个元素都有一个对应的索引来表示其在数组中的位置。例如，以下是一个包含3个元素的List：

let list = [10, 20, 30];

Map

Map是一种包含键值对的集合，其中每个键对应一个值。键是唯一的，也就是说在Map中不能出现重复的键。值可以是任何类型的数据。在JavaScript中，我们可以使用对象（Object）来表示Map。以下是一个包含3个键值对的Map：

let map = { 
  'key1': 'value1', 
  'key2': 'value2', 
  'key3': 'value3' 
};

方法一：使用for循环

第一种将List转成Map的方法是使用for循环。我们可以遍历List中的每个元素，然后将其作为键值对添加到一个新的Map对象中。

function listToMap(list) {
  let map = {};

  for (let i = 0; i < list.length; i++) {
    map[list[i]] = list[i];
  }

  return map;
}

// 示例代码
let list = [10, 20, 30];
let map = listToMap(list);
console.log(map);

输出：

{ '10': 10, '20': 20, '30': 30 }

方法二：使用Array.reduce方法

第二种将List转成Map的方法是使用Array.reduce方法。reduce方法可以将数组中的元素逐个处理，然后将其累计为一个值。我们可以使用reduce方法将List转成Map。

function listToMap(list) {
  return list.reduce((map, element) => {
    map[element] = element;
    return map;
  }, {});
}

// 示例代码
let list = [10, 20, 30];
let map = listToMap(list);
console.log(map);

输出同上。

方法三：使用Array.reduce方法和箭头函数简化代码

第三种将List转成Map的方法是基于方法二的改进，使用箭头函数和简化的代码。

const listToMap = list => list.reduce((map, element) => (map[element] = element, map), {});

// 示例代码
let list = [10, 20, 30];
let map = listToMap(list);
console.log(map);

输出同上。

方法四：使用Array.from方法

第四种将List转成Map的方法是使用Array.from方法。Array.from方法可以将类似数组对象或可迭代对象转换成数组。我们可以使用Array.from方法将List中的元素转成一个新的数组，然后使用Array.reduce方法将其转成Map。

function listToMap(list) {
  return Array.from(list).reduce((map, element) => {
    map[element] = element;
    return map;
  }, {});
}

// 示例代码
let list = [10, 20, 30];
let map = listToMap(list);
console.log(map);

输出同上。

方法五：使用Object.fromEntries方法

第五种将List转成Map的方法是使用Object.fromEntries方法。Object.fromEntries方法可以将包含键值对的数组转换成一个新的对象。我们可以先将List中的元素转成一个包含键值对的数组，然后使用Object.fromEntries方法将其转成Map。

function listToMap(list) {
  return Object.fromEntries(list.map(element => [element, element]));
}

// 示例代码
let list = [10, 20, 30];
let map = listToMap(list);
console.log(map);

输出同上。