JS中的解構

2022-08-27 17:24:12 字數 610 閱讀 6369

先看看陣列解構:

function fn()

var [a,b,c] = fn();

console.log(a,b,c); // 1 2 3

var [d,,f] = fn();

console.log(d,f); //1 3

var [e,] = fu();

console.log(e); //1

假設有乙個能夠返回物件的函式f :

function fn();

}var = fn();

console.log(x,y,z);

假如使用的變數名和被匹配的屬性名一樣,即 var = fn();

那麼可以簡寫為:

function fn();

}var = fn();

console.log(a,b,c);

錯誤寫法:

var  = fn();

console.log(x,y,z); 

正確寫法

var  = fn();

console.log(x,y,z);     //  a  b c

js 引數解構 js 解構

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

JS中陣列與物件的解構

陣列的解構語法就是陣列的另一種使用呼叫方法,可以不通過語法或者不通過索引下標來呼叫使用陣列中的資料。用於將陣列中的資料一一對應的賦值給變數 const arr 北京 上海 廣州 重慶 天津 之前使用陣列的資料,必須要通過語法和索引下標 let str1 arr 0 let str2 arr 1 le...

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。如果使用解構的方式會更簡單,不需要什麼...