Home JavaScript 【JS筆記】JavaScript Array陣列資料操作

【JS筆記】JavaScript Array陣列資料操作

by Yuki Lai
JavaScript陣列的學問很多,此篇記錄JavaScript 陣列相關的方法、範例,若有錯誤也歡迎指正,謝謝!

陣列操作 map

  1. 能將原始陣列運算後,重新組合回傳一個新陣列。
  2. 不會影響到原陣列。

▼ 範例一

1
2
3
4
5
6
const arr =[1,5,10];  //原始陣列
const newArr = arr.map(function(item){
  return item*item;
})
console.log(newArr);//[1,25,100]
console.log(arr); //原陣列不變[1,5,10]

▼ 範例二:也可以使用判斷回傳true \ false

1
2
3
4
5
6
const data = [1,8,13,20];
const newData = data.map(function(item){
  return item>10;
})
console.log(data);//[1,8,13,20]
console.log(newData); //[false,false,true,true]

▼ 範例三:可回傳物件

1
2
3
4
5
6
7
8
const data = [1,8,13,20];
const newData = data.map(function(item){
  let obj={};
  obj.checkNum = item>10;
  return obj;
})
console.log(data);//[1,8,13,20]
console.log(newData);    
newData 回傳後 [{
  "checkNum":false
},{
    "checkNum":false
},{
    "checkNum":true
},{
    "checkNum":true
}]

你可以參考以下其他文章

Leave a Comment