ECMAScript中變數的解構賦值

2022-08-03 18:09:16 字數 2117 閱讀 6349

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 ...