解構: 從乙個大的物件中抽取想要的部分成員,單獨使用
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...