什么是对象解构,数组解构和参数解构

本文介绍了ES6中的解构语法,包括对象解构、数组解构以及参数解构的使用方法。解构不会改变原对象,对象解构支持同名和非同名属性,数组解构则可以按需取值,甚至处理嵌套结构。通过解构,交换两个变量的值变得更加简洁。同时,参数解构允许在函数定义时直接解构形参,提供默认值避免调用时的错误。
摘要由CSDN通过智能技术生成

什么是解构

解构是es6的一种语法规则,将一个对象或数组的某个属性提取到某个变量中

注意

解构不会对被解构的目标造成任何影响

对象解构语法

1.同名属性

//  var/let/const{属性名}=被解构的对象
const user = {
   
    name: "abc",
    age: 18,
    sex: "男",
    address: {
   
        province: "重庆",
        city: "重庆"
    }
}
let {
    name, age, sex, address} = user;
console.log(name, age, sex, address);

在这里插入图片描述
也可以多添加一个属性

const user = {
   
    name: "abc",
    age: 18,
    sex: "男",
    address: {
   
        province: "重庆",
        city: "重庆"
    }
}
let {
    name, age, sex, address, a=123} = user;
console.log(name, age, sex, address, a);

在这里插入图片描述
2.非同名属性

// var/let/const{属性名:变量名}=被解构的对象
const user = {
   
    name: "abc",
    age: 18,
    sex: "男",
    address: {
   
        province: "重庆",
        city: "重庆"
    }
}
let {
    name, age, sex: gender, address
  • 3
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值