解构对象/展开字符串

解构对象

假设我们有一个对象user:

const user = {
  firstname: 'Chris',
  lastname: 'Bongers',
  age: 31
};

现在，我们可以使用展开运算符将其分解为单个变量。

const {firstname, ...rest} = user;
console.log(firstname);
console.log(rest);
// 'Chris'
// { lastname: 'Bongers', age: 31 }

这里，我们解构了user对象，并将firstname解构为firstname变量，将对象的其余部分解构为rest变量。

展开字符串

展开运算符的最后一个用例是将一个字符串分解成单个单词。

假设我们有以下字符串：

const str = 'Hello';

然后，如果我们对这个字符串使用展开操作符，我们将得到一个字母数组。

const str = 'Hello';
const arr = [...str];
console.log(arr);
// [ 'H', 'e', 'l', 'l', 'o' ]