オブジェクトと配列のES6の解体

1.オブジェクトの解体

聞かせてsaveFiled = { 
  拡張子: "JPG"、
  名称: "少女"、
  サイズ:14040 
}; 

ES5 
関数fileSammary(ファイル){ 
  リターン`$ {file.name} $ {file.extension}的总大小是$ {file.size}`。
} 
にconsole.log(fileSammary(saveFiled))。


ES6の
関数fileSammary({名前、拡張子、サイズ}){ 
  リターン`$ {名前} $ {拡張}的总大小是$ {サイズ}`。
} 

にconsole.log(fileSammary(saveFiled))。

2.解体配列

1.第一の配列の値を返し
CONST名= "ヘンリー"、 "バッキー"、 "エミリーの"]; 

ES5に
はconsole.logを(名前[0])

ES6のため
CONST [NAME1、NAME2、NAME3] =名; 
にconsole.log (NAME1)

2戻るアレイの数
ES5に
はconsole.log(名前は.LENGTH)

ES6のため
CONST} = {長名
にconsole.log(長さ)

3.結合演算子展開
CONST [名前、... REST] =名、
コンソール.logに(名前、REST); 

4.オブジェクトアレイ
CONST人々は= [ 
  {名: "ヘンリー"、年齢:20}、
  {名: "バッキー"、年齢:25}、
  {名: "エミリー"、年齢:30 } 
]; 

ES5 
VAR人年齢= [0] .age; 
にconsole.log(AGE); 

ES6ため 
CONST [年齢]人を=。
にconsole.log(年齢){//名前: "ヘンリー"、年齢:20}
CONST [{年齢}] =人々 ; 
にconsole.log(AGE)// 20である

被写界への配列の5使用
CONSTポイント= [ 
  [4 ,. 5]、
 [10 ,. 1]、
 [0、40] 
] 
/ /所望のデータフォーマット
[ 
  {X :. 4、Y :. 5}、
  {X:10、Y :. 1}、
  {X:0、Y:40} 
] 

ES6ため
newPoints = points.mapを聞かせて(対=> { 
  // CONST一対= X [0]、
  [1] // CONST対Y =; 
  CONST [X、Y] =対; 
  リターン{X、Y} 
})

LET newPoints points.map =((X、Y)=> { 
  //対CONST = X [0]; 
  // CONST対Y = [1]; 
  // CONST [X、Y] =対;  
  リターン{X、Y} 
})

にconsole.log(newPoints)

  

おすすめ

転載: www.cnblogs.com/gqx-html/p/11277959.html