js 引數解構 js 解構

2021-10-12 16:06:24 字數 603 閱讀 2404

解構: 從乙個大的物件中抽取想要的部分成員,單獨使用

3種:1.陣列解構: 從陣列中抽取想要的元素出來,單獨使用

如何: 下標對下標:

var arr=[1,2,3];

var [x,y,z]=arr

var x,y,z

結果: x=1, y=2, z=3

arr[0]//麻煩,且沒有意義

2.物件解構: 從物件中抽取想要的成員出來,單獨使用

如何: 屬性名對屬性名

var obj=

var =obj;

obj.x obj.y obj.z //麻煩

結果: a=1, b=2, c=3

簡寫: var =obj;

可簡寫為var =obj;

3. 引數解構:

何時: 當引數列表中有多個引數值不確定時

問題: 形參列表中有多個引數不確定是否有值

解決: 引數解構:

如何: 2步:

1. 定義函式時: 形參列表使用物件語法

function()

其中 a b c 都可以有預設值

2. 呼叫函式時:也使用物件語法傳參

function()

js 引數解構 5個實用JS解構用法

1.交換變數 通常交換兩個變數的方法需要乙個額外的臨時變數,來看看例子 let a 1 let b 2 let temp temp a a b b temp a 2 b 1 temp是乙個臨時變數,它先儲存a的值。然後把b的值賦值給a,接著將temp值賦給 b。如果使用解構的方式會更簡單,不需要什麼...

JS技巧 解構賦值

在前面我們介紹了使用 json.stringify 來過濾物件的屬性的方法。這裡,我們介紹另外一種使用 es6 中的 解構賦值 和 拓展運算子 的特性來過濾屬性的方法。比如,下面這段示例 我們想過濾掉物件 types 中的 inner 和 outer 屬性 const console.log res...

js 陣列解構賦值

es6中新增了對陣列拆分並且賦值的方法 解構賦值 例子 let arr 1,2,3 let a,b,c arr console.log a a a 1 console.log b b b 2 console.log c c c 3等式左邊的 a,b,c 和右邊的陣列的元素相互對應,a arr 0 b...