Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

js list 转map

作者:刀剑傲天   发布日期:2025-10-14   浏览:31

// 将 JavaScript 数组 (list) 转换为 Map

// 示例数组
const list = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' },
  { id: 3, name: 'Charlie' }
];

// 方法一:使用 Array.prototype.reduce()
const map1 = list.reduce((acc, item) => {
  acc.set(item.id, item.name); // 使用 id 作为键,name 作为值
  return acc;
}, new Map());

console.log(map1); // Map(3) { 1 => 'Alice', 2 => 'Bob', 3 => 'Charlie' }

// 方法二:使用 Array.prototype.map() 和 Map 构造函数
const map2 = new Map(list.map(item => [item.id, item.name]));

console.log(map2); // Map(3) { 1 => 'Alice', 2 => 'Bob', 3 => 'Charlie' }

解释说明:

  1. 方法一:使用 reduce 方法遍历数组,并将每个对象的 id 作为 Map 的键,name 作为值。最终返回一个 Map 对象。
  2. 方法二:使用 map 方法将数组转换为键值对数组,然后通过 Map 构造函数直接创建 Map 对象。

这两种方法都可以实现将数组转换为 Map,选择哪种方法取决于个人偏好和具体需求。

上一篇:js 字符串 换行

下一篇:js list.map

大家都在看

js 数组对象排序

js 数组删掉第一个值

js fill

js 数组连接

js json数组

js 数组复制

js 复制数组

js 数组拷贝

js 对象数组合并

js 对象转数组

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站