JS數組遍歷(包含最新ES6語法)

經典for

let data = [{
  Name: 'zzc',
  Id: 1
},
{
  Name: 'ora',
  Id: 2
},
{
  Name: 'gkd',
  Id: 3
}];
let newArry = [];
for (let i = 0; i < data.length; i++) {
  newArry.push({
    name: data[i].Name,
    id: data[i].Id
  });
}
console.log(newArry);

進階foreach

let data = [{
  Name: 'zzc',
  Id: 1
},
{
  Name: 'ora',
  Id: 2
},
{
  Name: 'gkd',
  Id: 3
}];
let newArry = [];
data.forEach(item => {
  newArry.push({
    name: item.Name,
    id: item.Id
  });
});
console.log(newArry);

最新map

let data = [{
  Name: 'zzc',
  Id: 1
},
{
  Name: 'ora',
  Id: 2
},
{
  Name: 'gkd',
  Id: 3
}];
let newArry = data.map(item => {
  return {
    name: item.Name,
    id: item.Id
  }
});
console.log(newArry);
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章