js中给[{name:'西瓜',value:1},{name:'苹果',value:2}]数组增加index,形成[{name:'西瓜',value:1,index:0},{name:'苹果',value:2,index:1}]数组
时间: 2024-03-27 18:41:10 浏览: 47
JS赋值、浅拷贝和深拷贝(数组和对象的深浅拷贝)实例详解
可以使用 JavaScript 中的 `map` 方法,结合第二个参数 `index` 来实现:
```javascript
const fruits = [{name:'西瓜',value:1},{name:'苹果',value:2}];
const fruitsWithIndex = fruits.map((fruit, index) => ({...fruit, index}));
console.log(fruitsWithIndex); // [{name:'西瓜',value:1,index:0},{name:'苹果',value:2,index:1}]
```
在这个例子中,我们使用 `map` 方法遍历 `fruits` 数组,对于每个元素 `fruit`,我们使用扩展运算符 `...` 将其属性展开,再添加一个 `index` 属性,其值为当前元素在数组中的索引 `index`。最终得到带有 `index` 属性的新数组 `fruitsWithIndex`。
阅读全文