JavaScript解构赋值--数组解构赋值与对象解构赋值
前言
解构赋值是JavaScript的一个强大特性，允许从数组或对象中提取数据，并赋值给定义的变量。
对象解构
直接根据属性名来解构赋值：
const person = { name: '张三', age: 30 };
const { name, age } = person;
console.log(name);
console.log(age);
解构时重命名变量：
const { name: personName, age: personAge } = person;
console.log(personName);
console.log(personAge);
解构一个不存在的属性，用默认值填充：
const { name, age, gender = '未知' } = person;数组解构
const arr = [1, 2, 3];
const [first, second] = arr;
const [first, , third] = arr;
const [first, ...rest] = arr;
函数内的结构赋值
这使得函数在处理接收到的对象或数组参数时更加灵活
function introduce({ name, age }) {
console.log(`我叫${name}，今年${age}岁。`);
}
introduce(person); // 输出: 我叫张三，今年30岁。
这样提升了代码的可读性和简洁性
原文地址：https://blog.csdn.net/m0_63629756/article/details/136394644
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！