数组的循环

const objData:any = {a:1,b:'abc',c:'这是数据',d:11.2}
const arrData:any = [{id:1,img:'url',num:10},{id:2,img:'url2',num:21},{id:3,img:'url2',num:31}]
/* 
  for...in 遍历对象
  for...of 遍历数组
*/
for (let key in objData) {
  console.log(objData[key],'-----')
}
for (const item of arrData) {
  console.log(item.img = 2,'++++')
}
/* 
-------foreach与map的区别-----
  foreach是修改该数组 
  map返回新的数组,
*/
// 原数组上修改数据
arrData.forEach((item:any) => {item.img = 123});
console.log(arrData,'foreach')

// 返回新的数组 方式一
 const newArrs = arrData.map((item:any)=>{
  return {
    ...item,
    id:item.id * item.id
  }
 })
console.log(newArrs,'返回新的数组')


const arrData2:any = [{id:1,img:'url',num:10},{id:2,img:'url2',num:21},{id:3,img:'url2',num:31}]
// 原数组上修改  方式二
const newRes = arrData2.map((item:any)=>item.id = item.id*item.id);
console.log(arrData2,'arrData2arrData2')
console.log(newRes,'newRes');//返回修改的结果新的数组 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值