ecmascript中變數的解構賦值
es6 允許從陣列和物件中提取值,對變數進行賦值。
解構賦值的基本用法:
1、陣列的解構賦值
let [a, b, c]= [1,2, 3];
console.log(a);//1
console.log(b);//2
console.log(c);//3
2、物件的解構賦值
let = ;
console.log(foo2);// "aaa"
console.log(bar2);// "bbb"
3、字串的解構賦值
字串也可以解構賦值。字串可以被轉換成了乙個類似陣列的物件。
const [a, b, c, d, e]= 'hello';
console.log(a);//h
console.log(b);//e
console.log(c);//l
console.log(d);//l
console.log(a);//h
console.log(e);//o
陣列的物件都有乙個length
屬性,因此還可以對這個屬性解構賦值
let= 'hello'
console.log(len)//5
4.函式的解構賦值
function add([x, y])
console.log(add([1,6]));// 7
解構賦值的用途:
1、交換變數的值
let x=1;
ley y=2;
[x,y]=[y,x];
console.log(x);//2
console.log(y);//1
2、從函式返回多個值
function func1()
} let =func2();
console.log(foo);//1
console.log(bar);//23.函式引數的定義
// 引數是一組有次序的值
function f([x, y, z])
f([1, 2, 3]);
// 引數是一組無次序的值
function f()
f();4.提前json資料
解構賦值對提取json物件中的資料,尤其有用。
let jsondata = ;
let = jsondata;
console.log(id, status, number);// 42, "ok", [867, 5309]5.遍歷map結構map結構原生支援iterator介面,配合變數的解構賦值,獲取鍵名和鍵值就非常方便。
var map = new map();
map.set('first', 'hello');
map.set('second', 'world');
for (let [key, value] of map) // first is hello
// second is world
如果只想獲取鍵名,或者只想獲取鍵值,可以寫成下面這樣。// 獲取鍵名
for (let [key] of map) // 獲取鍵值
for (let [,value] of map)
ECMAScript中的函式
有 3 種定義函式的方式 函式宣告 function關鍵字後需要指定函式名 function sum num1,num2 不加分號 console.log sum 2,3 5函式表示式 function關鍵字後不用指定函式名 函式末尾需要新增乙個分號,就像宣告其他變數時一樣 var sum func...
ECMA Script 6 變數的解構賦值
1 陣列的結構和賦值 es6 允許按照一定模式,從陣列和物件中提取值,對變數進行賦值,這被稱為解構 2 物件等可以這麼賦值 3 函式引數的解構賦值 function add x,y add 1,2 3 基本用途 交換變數 a,b b,a 函式返回多個值 類似於陣列 返回乙個陣列 function e...
ECMAScript6 2 變數的解構賦值
1 對陣列變數賦值 let foo,bar baz 1,2 3 foo 1 bar 2 baz 3 let third1 foo bar baz third1 baz let aa,bb 1,2,3 aa 1 bb 3 let head,tail 1,2,3,4 head 1 tail 2,3,4 ...