Products
GG网络技术分享 2025-11-23 23:40 3
啊哈,你们晓得对象解构赋值是啥吗?其实就是一种把对象里的东西,像变魔术一样,一个一个抓出来变成变量,方便我们用嘛!

有时候,对象里的东西还像巨大西瓜一样,有优良几层皮,我们需要一层层剥开。比如说有一个对象叫《我的个人信息》,里面就有名字、年龄,还有个地址,地址里还有省和市呢!这样我们就Neng用嵌套解构来吃巨大西瓜啦:
const myInfo = {
name: '细小明',
age: 10,
address: {
province: '北京',
city: '朝阳区'
}
};
const { name, address: { province, city } } = myInfo;
console.log; // '细小明', '北京', '朝阳区'
有时候,我们出去玩,妈妈会告诉我们天气预报,万一没带伞呢?在对象解构里我们也Neng设置默认值,就像天气预报一样,万一找不到某个属性,就给个默认的值。比如说 我们想打印一个人的地址,但不晓得他是不是住在北京:
const person = {
name: '细小丽',
age: 20
};
const { name, address = '北京' } = person;
console.log; // '细小丽', '北京'
对象解构赋值和直接赋值就像两个不同的书包,一个装了hen许多东西,一个只装了一个细小玩意儿。直接赋值就是拿一个属性出来放在变量里而对象解构赋值Neng一次性拿出hen许多属性,装进变量里。
const person = {
name: '细小王',
age: 25
};
const name = person.name; // 直接赋值
const { name: personName, age: personAge } = person; // 对象解构赋值
对象解构赋值可厉害了 它Neng帮我们简化代码,让代码kan起来geng漂亮,geng优良懂。比如说我们要打印一个人的信息,Neng用对象解构赋值来写,这样就不需要写hen许多行代码了。
const person = {
name: '细小张',
age: 30,
gender: '男'
};
const { name, age, gender } = person;
console.log; // '姓名:细小张, 年龄:30,性别:男'
学优良了对象解构赋值,编程就像玩游戏一样,轻巧松又优良玩。不过想起来用的时候要细小心,万一遇到不存在的属性,程序兴许会发脾气哦!
Demand feedback