es6 變數的解構賦值

2021-10-02 13:25:05 字數 1132 閱讀 9197

es6 變數的解構賦值

作用:將物件/陣列中的值,同時賦值給多個變數

語法:解構物件: let=物件; 需要什麼屬性寫什麼屬性,解構後屬性名即作為變數使用

let =物件,會將解構的結果重新賦值給新名稱,且不能使用之前的屬性名

解構陣列: let[變數名,變數名,..]=陣列; 根據下標賦值

let[,,a,b]=陣列,表示a、b取陣列中第三個第四個

解構+剩餘操作符:let =

變數c的結果為之前解構後剩餘的內容,即

解構賦值之後重新命名再解構賦值:

let }=obj;

將params重新命名並從中解構出businessid,因為重新命名了,所以只有businessid能夠被使用

解構並設定預設值

const = props

在函式中用法:function 函式名()

函式名(obj物件)

**示例:

'main'

>

"utf-8"

>

'viewport' content=

'width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0'

>

'jq/jquery-3.4.1.js'

>

<

/script>

<

/style>

<

/head>

let obj=

;let

=obj;

console.

log(name,age)

;let arr=[1

,2,3

,true];

let[a,b,c]

=arr;

let[,,

,d]=arr;

console.

log(a,b,c)

; console.

log(d)

;functionf(

)f(obj)

;<

/script>

<

/body>

<

/html>

es6變數解構賦值

es6允許按照一定模式,從陣列和物件中提取值,對變數進行賦值,這被稱為解構。解構賦值在實際開發中可以大量減少我們的 量,並且讓我們的程式結構更清晰。陣列的解構賦值 let a,b 1 2 console.log a 1 console.log b 2 上面的 表示,可以從陣列中提取值,按照位置的物件...

ES6變數解構賦值

es6 允許按照一定模式,從陣列和物件中提取值,對變數進行賦值,這被稱為解構 es6之前我們申明多個變數需要按照下面的方法 let l a 1 let b 2 let c 3 let d 4 或者 let a 1,b 2,c 3,d 4 現在我們可以更加簡便 let a,b,c,d 1,2,3,4 ...

es6 變數解構賦值

1.陣列的解構賦值 等號兩邊的模式相同,左邊的變數就會被賦予對應的值 預設值 undefined型別只有乙個值,即undefined。當宣告的變數還未被初始化時,變數的預設值為undefined。null型別也只有乙個值,即null。null用來表示尚未存在的物件,常用來表示函式企圖返回乙個不存在的...