javascript中的解构赋值

Posted 低代码布道师

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript中的解构赋值相关的知识,希望对你有一定的参考价值。

数组的解构

// we have an array with the name and surname
let arr = ["John", "Smith"]

// destructuring assignment
// sets firstName = arr[0]
// and surname = arr[1]
let [firstName, surname] = arr;

alert(firstName); // John
alert(surname);  // Smith

除了数组,也可以对字符串、Set进行解构赋值

let [a, b, c] = "abc"; // ["a", "b", "c"]
let [one, two, three] = new Set([1, 2, 3]);

对象的解构

let options = 
  title: "Menu",
  width: 100,
  height: 200
;

let title, width, height = options;

alert(title);  // Menu
alert(width);  // 100
alert(height); // 200

以上是关于javascript中的解构赋值的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript ES6 - 解构赋值

JavaScript ES6 - 解构赋值

JavaScript ES6 - 解构赋值

JavaScript 学习-15.解构赋值

ES6解构赋值

为什么解构与Javascript(ES6)中的经典赋值不同?