在前端开发中，操作对象是很常见的，但有时候我们需要获取嵌套对象的属性或者解决多项属性的情况，这时候 ES6 中的解构赋值就可以派上用场。
什么是解构赋值
解构赋值是 ES6 中的一种赋值语法，用于从数组或对象中提取值，对变量进行赋值。
解构赋值获取嵌套对象属性
对于一个嵌套对象，我们可以通过解构赋值来获取它的属性。例如：
-- -------------------- ---- -------
----- --- - -
-- -
-- -
-- -
-
-
--
-- --------
----- ---- - ----------
----------------- -- -
-- ----------
----- - -- - -- - -- ---- - - - - ----
----------------- -- -上面的代码中，解构赋值先解构了对象中的 a 属性，然后在 a 属性中再解构了 b 属性，最后在 b 属性中解构了 c 属性，并将其赋值给变量 val2。这样，就可以很方便地获取到嵌套对象的属性。
解决多项属性的情况
如果我们需要获取对象中的多项属性，可以使用解构赋值的方式，例如：
const obj = {
a: 1,
b: 2,
c: 3
};
const { a, b, c } = obj;
console.log(a, b, c); // 1, 2, 3上面的代码中，解构赋值先解构了对象中的 a、b、c 属性，并将其赋值给变量 a、b、c。这样，就很方便地获取多项属性了。
如果有些属性不需要获取，可以使用省略号来忽略它们，例如：
-- -------------------- ---- ------- ----- --- - - -- -- -- -- -- -- -- - -- ----- - -- -- ------- - - ---- -------------- -- ------ -- -- -- - -- -- -- - -
上面的代码中，通过省略号把 rest 变量赋值为包含 c、d 属性的对象。
总结
解构赋值是一种非常方便的语法，可以让我们更优雅地获取嵌套对象属性或解决多项属性的情况。希望本文对大家的学习和工作有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6518eced95b1f8cacd12fb51