变量解构赋值

同名公众号 - 人生代码

于 2019-03-25 19:49:07 发布

阅读量490

点赞数

分类专栏：变量解构赋值大厂面试题：每天带你一道大厂面试题文章标签：变量解构赋值

本文链接：https://blog.csdn.net/qq_36772866/article/details/88804300

版权

大厂面试题：每天带你一道大厂面试题同时被 2 个专栏收录

144 篇文章 13 订阅 ¥79.90 ¥99.00

订阅专栏

超级会员免费看

变量解构赋值

1 篇文章 0 订阅

订阅专栏

本文深入探讨JavaScript中的变量解构赋值，包括数组和对象的解构，以及如何利用Babel进行语法转换。通过实例解析，了解如何高效地从复杂数据结构中提取所需值。

摘要由CSDN通过智能技术生成

let [a, b, c] = [1, 2, 3];
console.log(a)
console.log(b)
console.log(c)

let [foo, [[bar, baz]]] = [1,[[2, 3]]];
console.log(foo, bar, baz);

let [ , , third] = ["foo", "bar", "baz"];
console.log(third);

let [head, ...tail] = [1, 2, 3 , 4];
console.log(head)
console.log(tail);

let [x, y, ...z] = ['a']
console.log(x)
console.log(y)
console.log(z)

let [baa] = []
let [bbb, bba] = [1]
// 上面都是可以结构成功
// 因为值为undefined

// 不完全结构
// let [x, y] = [1,2,3];
// let [a, [b], d] = [1,[ 2, 3], 4];

/** 
 * // 报错
let [foo] = 1;
let [foo] = false;
let [foo] = NaN;
let [foo] = undefined;
let [foo] = null;
let [foo] = {};
 * */ 
// 上面的语句都会报错，因为等号右边的值，要么转为对象以后不具备 Iterator 接口
// （前五个表达式