js遍历对象数组并为每一项添加新属性

     let arry = this.tableData
      let arryNew = []
      arry.map((item, index) => {
        arryNew.push(Object.assign({}, item, { lineId: 1 }))
      })

以上代码遍历数组tableData,并为每一项加入一个新属性lineId ,值为1

      tableData: [{
        name: '1',
        id: '1'
      }, {
        name: '2',
        id: '2'
      }, {
        name: '3',
        id: '3'
      }]

 

### JavaScript 中遍历对象数组 在 JavaScript 中,遍历对象数组可以通过多种方式来完成。每种方法都有其特点和适用场景。 #### 使用 `for` 循环 最基础的方法之一就是使用传统的 `for` 循环。这种方法适用于任何版本的 JavaScript 并且非常直观: ```javascript const objectArray = [ { id: 1, name: 'Alice' }, { id: 2, name: 'Bob' } ]; for (let i = 0; i < objectArray.length; i++) { console.log(objectArray[i].name); } ``` 此代码片段展示了如何通过索引来访问每个对象中的属性[^1]。 #### 利用 `forEach` 方法 对于现代浏览器支持的情况,可以采用更简洁的方式来处理——即利用数组原型上的 `forEach` 方法来进行迭代操作: ```javascript objectArray.forEach(function(item) { console.log(item.name); }); // 或者箭头函数形式 objectArray.forEach((item) => console.log(item.name)); ``` 这种方式不仅简化了语法,还提高了可读性和维护性[^5]。 #### 应用 `for...of` 结构 ES6 引入了一种的循环语句叫做 `for...of`,它可以方便地用于遍历具有迭代器接口的数据结构如数组、字符串等: ```javascript for (const item of objectArray) { console.log(item.name); } ``` 这种写法更清晰明了,并且可以直接获取到当前项而无需关心具体的索引位置[^4]。 #### 运用高阶函数 `map` 如果希望创建一个的基于原有数据变换后的数组,则可以选择 `map()` 函数。这同样是一种高效且易于理解的做法: ```javascript const names = objectArray.map(item => item.name); console.log(names); // 输出 ["Alice", "Bob"] ``` 需要注意的是,`map()` 不会对原始数组造成影响;相反,它会产生一个全的包含转换后元素的数组[^3]。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值