iT邦幫忙

0

我流理解---JavaScript ES6---2

  • 分享至 

  • xImage
  •  

繼續嘗試紀錄~
盡量在本週看完Vue的教學,並且週末前完成Vue的作業吧~
下週就能更積極的找工作來著阿~喵~

陣列解構:

將陣列用變數對應的方式進行解構,若變數的數量有所不同,也會按照順序進行賦值,中間若有空的變數(一樣用逗號隔開),那後面的一樣會以有計算空的變數的順序進行。

let family = ['0', '1', '2', '3', '4'];
let [a,b,c,d,e] = family;
//這樣的話abcde就會對應01234的值

let[e,f,g]= family
let[h,i,j,k,l,m]= family
//這樣的話efg會對應前三個值,
//hijklm因為變數多於陣列的值,所以最後面的m會回傳undefined

let[n,,o,p,q]= family
這樣的話nopq會依序帶入0234的值,跳過第二項的1

交換賦值:

透過將變數直接組成陣列進行對應交換,可以讓其中的值也交換。

let Goku = '悟空';
let Ginyu = '基紐';

[Ginyu,Goku]=[Goku,Ginyu];
console.log(Goku,Ginyu);
//這樣的寫法就可以讓兩個變數交換值

字串拆解:

可以用這樣的方式去拆解字串

let str = '基紐特攻隊';
let[a,b,c,d,e]=str;
console.log(a,b,c,d,e);
//可以用這樣解構賦值得方式來拆解字串,abcde會對應基紐特攻隊五個字

以上大多是用陣列進行解構。

物件解構:

用物件進行解構,以下的大概可以解釋為:
let ( 要被取出的物件中要被取出的屬性 , 該屬性對應的值要被賦予到的變數名稱 ) = 要被取出的物件名稱
我流就是繞口~讚

let GinyuTeam = {
   Ginyu: '基紐',
   Jeice: '吉斯',
   burter: '巴特',
 }
 let{Ginyu:Goku} = GinyuTeam;
 console.log(Goku);
//Goku的值就會是'基紐'

預設值:

在設置變數與某陣列或物件進行映射前,先行為變數安排一個預設值

let [ming = '小明', jay = '杰倫'] = ['阿明'] 
// 第一個會被賦值,第二個會用預設
console.log(ming,jay);
//第一個ming會等於阿明,jay則會等於預設的杰倫

undefined 跟 not defined:

單以在JS中的我流理解,
undefined 是指變數已經存在,但未賦值的狀況,undefined也算是一種值,所以不會log的時候不會直接紅字報錯
not defined 則是連變數都尚未創造,更不用談有無值的問題


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言