JS_Map - daniel-qa/Vue GitHub Wiki

JS_Map

  • map 再 map (縮小範圍)
// 更新子级菜单(学校),存储完整信息
subItems.value = result.map((area) =>
	area.schools.map((school) => ({
		id: school.id,
		name: school.name,
		tchCnt: school.tchCnt,
	}))
);
  • 在 map 中直接添加固定字段

在 map 操作中为每一项添加 receiveType,默认值为 null:

items.value = result.map((area) => ({
    name: area.name,
    scCnt: area.scCnt,
    tchCnt: area.tchCnt,
    receiveType: null, // 新增的字段,默认值为 null
}));

items.value = result.map((area) => area.name);

result: 假设是一个包含多个对象的数组,每个对象都表示一个“学区”。

result = [
  { id: 1, name: "学区A" },
  { id: 2, name: "学区B" },
  { id: 3, name: "学区C" },
];
  • map 方法:

map 是 JavaScript 数组的方法,用于对数组中的每个元素执行一次指定的回调函数,并返回一个新数组。 示例运行

  • 假设 result 是以下数据:
result = [
  { id: 1, name: "学区A" },
  { id: 2, name: "学区B" },
  { id: 3, name: "学区C" },
];

执行这段代码后,items.value 的值会变成:

items.value = ["学区A", "学区B", "学区C"];