变量的解构赋值_对象解构赋值

解构不仅可以用于数组，还可以用于对象

xxxxxxxxxx
let {name,age} = {name:"iwen",age:20};

温馨提示

对象的解构与数组有一个重要的不同。数组的元素是按次序排列的，变量的取值由它的位置决定；而对象的属性没有次序，变量必须与属性同名，才能取到正确的值

xxxxxxxxxx
let {age,name} = {name:"iwen",age:20};
age // 20

xxxxxxxxxx
let {sex,age,name} = {name:"iwen",age:20};
sex // undefined

对象的解构赋值，可以很方便地将现有对象的方法，赋值到某个变量

xxxxxxxxxx
let { random,floor } = Math;
let { log } = console;

指定默认值

xxxxxxxxxx
var {x = 3} = {};

注意事项，如果要将一个已经声明的变量用于解构赋值，必须非常小心

xxxxxxxxxx
let hello = "Hello";
let { hello } = {hello:"hello"}; // 报错

let hello = "Hello";
({ hello } = {hello:"hello"}); // 正确

字符串解构赋值

字符串也可以解构赋值。这是因为此时，字符串被转换成了一个类似数组的对象

xxxxxxxxxx
const [a, b, c, d, e] = 'hello';

类似数组的对象都有一个length属性，因此还可以对这个属性解构赋值

xxxxxxxxxx
let {length : len} = 'hello';
len // 5

实时效果反馈

1. 下列对象解构赋值的代码，输出结果是多少：

xxxxxxxxxx
let hello = "Hello";
let { hello } = {hello:"hello"}; 
console.log(hello);

A hello

B Hello

C 报错

D undefined

答案

1=>C