js list 转map|极客笔记

js list 转map

在JavaScript开发中，经常会遇到需要将一个列表转化为键值对的情况。这时候，我们可以使用map来实现这个转换过程。本文将详细介绍如何将一个列表转换为map，并且给出示例代码和运行结果。

什么是map

在JavaScript中，map是一种数据结构，用来存储键值对。其中，键是唯一的，值可以是任意类型。map类似于字典（Dictionary）或对象（Object）的概念，但是有一些区别。

与数组中的每个元素都有一个索引不同，map中的每个元素都有一个唯一的键。这样可以通过键来访问和操作map中的元素。

怎么将list转换为map

在JavaScript中，我们可以通过遍历list的元素，然后将元素的某个属性作为键，元素本身作为值，将多个键值对添加到map中来实现将list转换为map的功能。

以下是一个示例代码，演示了如何将一个包含学生信息的list转换为以学生姓名作为键的map：

// 定义一个包含学生信息的list
let studentList = [
  {name: '张三', age: 20, gender: 'male'},
  {name: '李四', age: 22, gender: 'female'},
  {name: '王五', age: 21, gender: 'male'}
];

// 定义一个空的map
let studentMap = new Map();

// 遍历list的元素，将学生姓名作为键，学生信息作为值添加到map中
studentList.forEach((student) => {
  studentMap.set(student.name, student);
});

console.log(studentMap);

上面的代码中，我们首先定义了一个包含学生信息的list studentList，然后定义了一个空的map studentMap。接着，我们使用forEach方法遍历studentList中的每个学生信息，将学生姓名作为键，学生信息作为值添加到studentMap中。

如果我们运行上面的代码，将会得到如下输出：

Map {
  '张三' => { name: '张三', age: 20, gender: 'male' },
  '李四' => { name: '李四', age: 22, gender: 'female' },
  '王五' => { name: '王五', age: 21, gender: 'male' }
}

可以看到，我们成功将包含学生信息的list转换为了以学生姓名作为键的map。