iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 29
1
自我挑戰組

JavaScript技術手冊閱讀筆記系列 第 29

第29天:解構語法、餘集(...)

ES6開始支援解構語法,可以拆解某個資料結構,並指定給變數。

例如:

let arr = [ 1, 2, 3];
let x = arr[0];
let y = arr[1];
let z = arr[2];

//解構語法
let [i ,j ,k] = arr;
console.log(i);
console.log(j);
console.log(k);

https://ithelp.ithome.com.tw/upload/images/20201014/20120420md2clrExtZ.png

若陣列太長,數量太多,可以使用餘集(Rest),就是在最後一個變數名稱加上點點點(...)
例如:

let arr = [ 1, 2, 3, 4, 5];

//解構語法
let [i ,j , ...k] = arr;
console.log(i);
console.log(j);
console.log(k);

https://ithelp.ithome.com.tw/upload/images/20201014/20120420ZyctP4LAdJ.png

感覺時間不夠,就先寫這樣


上一篇
第28天:箭頭函式與this()
下一篇
第30天:終於撐到完賽QQ-JavaScript技術手冊閱讀筆記
系列文
JavaScript技術手冊閱讀筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言