替换javascript中的for循环

Question

我正在尝试在组件数组中添加 id。id 将根据编号递增。的组件。  component_names = ['test1', 'test2'];我想创建一个新的数组组件，它将变为：components = [{id:1, name: 'test1'}, {id:2, name: 'test2'}]// id 将随着编号递增。的组件增加。我在尝试什么：let arr=[];for(let i=0;i<component_names.length;i++){    arr.push({id:i+1, name: component_names[i]});}上述解决方案有效，但我可以对 javascript 中的任何高阶函数执行相同的操作吗？

Answer 1

一个简单的地图将起作用，其中参数 1 是项目，参数 2 是索引。

let component_names = ['test1', 'test2']

let result = component_names.map((itm, idx) => ({id:++idx,name:itm}))

console.log(result)

Answer 2

let arr = component_names.map((name, index) => ({ name: name, id: index + 1 }));