ES6_解构赋值ES6允许按照一定模式从数组和对象中提取值，对变量进行赋值。

77 阅读 0 评论 51 点赞

我是靠谱客的博主负责早晨，最近开发中收集的这篇文章主要介绍ES6_解构赋值ES6允许按照一定模式从数组和对象中提取值，对变量进行赋值。，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

ES6允许按照一定模式从数组和对象中提取值，对变量进行赋值。

1、数组的解构

const arr = ['张学友', '刘德华', '黎明', '郭富城'];
let [zhang, liu, li, guo] = arr;
console.log(zhang);
console.log(liu);

2、对象的解构

//对象的解构赋值
const lin = {
name: '林志颖',
tags: ['车手', '歌手', '小旋风', '演员']
};
let {name, tags} = lin;
//复杂解构
let wangfei = {
name: '王菲',
age: 18,
songs: ['红豆', '流年', '暧昧', '传奇'],
history: [
{name: '窦唯'},
{name: '李亚鹏'},
{name: '谢霆锋'}
]
};
let {songs: [one, two, three], history: [first, second, third]} = wangfei;

注意：频繁使用对象方法、数组元素，就可以使用解构赋值形式