对象解构
<script>
/*解构赋值 : 变量赋值简写语法
1.重点掌握
1.1 取出对象的属性 赋值给 变量
let {name,age,sex} = 对象名
1.2 取出变量的值 赋值给 对象的属性
let 对象名 = {name,age,sex}
*/
//1. 取出对象的属性 赋值给 变量
// let obj = {
// name: "张三",
// age: 20,
// sex: "男"
// }
//ES5
// let name = obj.name
// let age = obj.age
// let sex = obj.sex
// console.log( name,age,sex )
//ES6解构赋值
// let hobby = obj.hobby
// let { name, age, sex, hobby } = obj
// console.log(name, age, sex, hobby)
//2. 取出变量的值 赋值给 对象的属性
let name = '李四'
let age = 30
let sex = '女'
//ES5
// let obj = {
// name:name,
// age:age,
// sex:sex,
// }
// console.log(obj)
//ES6
let obj = {
name,//name:name
age,
sex,
eat(){//eat:function(){}
console.log('吃东西')
}
}
console.log( obj )
</script>
数组解构
<script>
/*解构赋值 : 变量赋值简写语法
1.重点掌握
1.1 取出对象的属性 赋值给 变量
let {name,age,sex} = 对象名
1.2 取出变量的值 赋值给 对象的属性
let 对象名 = {name,age,sex}
*/
let arr = [10,20,30]
// 1.取出数组的元素 赋值给 变量
let [n1,n2,n3,n4] = arr
// let n1 = arr[0]
// let n2 = arr[1]
// let n3 = arr[2]
// let n4 = arr[3]
console.log( n1,n2,n3,n4)//10,20,30,undefined
//2.取出变量的值 赋值给 数组的元素
let num1 = 66
let num2 = 88
let num3 = 100
let arr1 = [num1,num2,num3]
console.log(arr1)
</script>