本文實例講述了ES6知識點整理之數組解構和字符串解構的應用。分享給大家供大家參考，具體如下：
ES6 允許按照一定模式，從數組和對象中提取值，對變量進行賦值，這被稱為解構（Destructuring）, 而數組的解構賦值是從數組中提取值，按照對應位置，對變量賦值。
ES6之前的賦值操作
var arr = [1,2,3];var a = arr[0];var b = arr[1];var c = arr[2];console.log(a,b,c); // 1 2 3
對一維數組的解構賦值的應用
var arr = [1,2,3];var [a,b,c] = arr;console.log(a,b,c); // 1 2 3
對多維數組的解構賦值的應用
let arr = [22, [5,8], 11];let [a,[b,c],d] = arr;console.log(a,b,c,d); // 22 5 8 11
解構賦值用于變量的交換舉例
let x = 11;let y = 22;[y,x] = [x,y];console.log(x,y); // 22 11
解構賦值中不完全的解析示例
let arr = [22, [5,8], 11];let [a,[b],c] = arr;console.log(a, b, c); // 22 5 11let [m,[,n],o] = arr;console.log(m, n, o); // 22 8 11
不能被數組解析的值
let [m] = "";console.log(m); // undefined;let [x,y] = NaN; // NaN is not iterable. 不能被數組解析的值：NaN, undefined, null, {}實現了iterator接口的類型都可以被解析賦值
let [x,y] = new Set([22, 33]);console.log(x,y); // 22 33
自己創造一個實現iterator接口的對象進行解構賦值
class Group{ constructor() { } next() { return {value:'Joh', done: false}; } [Symbol.iterator]() { return this; }}let group = new Group();let [x,y,z,m,n] = group;console.log(x,y,z,m,n); // Joh Joh Joh Joh Joh 備注：這里如果類中的next的done為true，那么全為undefined… 運算符 轉換成數組的解構舉例
var [x,w, ...y] = [1,2,3,4,5,6];console.log(x,w, y); // 1 2 [3,4,5,6]
解構數組的默認值
如果數組中的不是undefined，都會被成功解構, 不會被默認值替代
let [x=15, y] = [undefined, 12];console.log(x,y); // 15 12let [m=12, n] = [null, 10];console.log(m, n); // null 10
字符串解構的處理
var [a,b,c] = 'hello';console.log(a,b,c); // h e l
希望本文所述對大家JavaScript程序設計有所幫助。
新聞熱點
疑難解答
