Array Loop

map 方法

map 方法是 JavaScript 数组的一个内置方法，用于创建一个新数组，其结果是原数组中每个元素调用一次提供的函数后的返回值。它常用于将一个数组转换成另一个数组，而不会改变原始数组。

array.map(function(currentValue, index, array), thisValue)

function(currentValue, index, array): 回调函数，针对数组中的每个元素调用，依次传入以下参数：

rentValue: 当前处理的元素。

index（可选）: 当前处理元素的索引。

array（可选）: 调用 map 的数组。

thisValue（可选）: 执行回调函数时 this 的值。

示例：

接口返回数据 subSystemList，转换为指定格式用于组件数据渲染。

let subSystemList = [
  {id: 1, menuName: 'xxx管理系统', parentId: 0, createTime: null, updateTime: null},
  {id: 2, menuName: 'xxx管理系统', parentId: 0, createTime: null, updateTime: null}
];

let systemData = subSystemList.map(item => {
  return {
    id: item.id,
    label: item.menuName
  };
});

console.log(systemData);

// 所需格式
systemData = [
    {id: 1, label: '单招管理系统'},
    {id: 2, label: '单招管理系统'}
]

详细解释： • subSystemList.map(...) 调用 map 方法，对 subSystemList 数组中的每个元素执行一次回调函数。 • 回调函数接收每个元素 item 并返回一个新对象 { id: item.id, label: item.menuName }。 • map 方法返回一个新数组 systemData，其中包含了每次回调返回的新对象。