解构赋值 ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构,解构赋值要求等号两边的数据结构保持一致!
例:
let arr = ['德玛西亚', '艾欧尼亚', '比尔吉沃特', '扭曲丛林']
let [a, b, c, d] = arr
console.log(a, b, c, d)
let arr = ['德玛西亚', '艾欧尼亚', ['比尔吉沃特', '扭曲丛林']]
let [,,[c, d]] = arr
console.log(c, d)
let arr = ['德玛西亚', '艾欧尼亚', ['比尔吉沃特', '扭曲丛林'], '']
// 我们可以通过下面这种方法给变量设置默认值 当解构到的值是undefined的时候 默认值就会生效
let [a, b, c, d = '面对疾风吧'] = arr
console.log(c, d)
let arr = ['德玛西亚', '艾欧尼亚', '比尔吉沃特', '扭曲丛林']
// ... 扩展运算符 他会将剩余的所有数据赋值给同一个变量 他必须放在最后一个使用
let [a, ...b] = arr
console.log(a, b)
//数组合并
var arr1 = [1, 2, 3]
var arr2 = [4, 5, 6]
var arr4 = [7, 8, 9]
var arr3 = [...arr1, ...arr2, ...arr4]
console.log(arr3)
var arr3 = arr1.concat(arr2, arr4)
console.log(arr3)
// 对象的解构赋值 对象的解构赋值是按照key的名字一一对应
例:
var obj = {
name: 'zhangsan',
age: 16,
tel: 110,
sex: undefined,
info: {
isSingle: true
}
}
var {tel, age, name} = obj
console.log(age)
console.log(tel, age, name)
let {name, ...obj2} = obj
console.log(name, obj2)
let { name, age, tel, sex="男" } = obj
console.log(sex)
let {info: {isSingle}} = obj
console.log(isSingle)
// 字符串解构赋值 因为字符串满足数组类型的一些特定方法 比如索引值 比如length属性 所以字符串可以按照数组的解构赋值方法进行解构
var str = '德玛西亚'
let [a, b, c, d] = str
console.log(a, b, c, d)
let [a, ...b] = str
console.log(b.join(''))
// 数字和布尔值不能直接进行解构赋值 因为他们是一个整体