数组的循环

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');//返回修改的结果新的数组