ES6 解构:从数组和对象中提取值,对变量进行赋值

本文介绍了ES6中的解构特性,允许从数组和对象中按照特定模式提取值,以此来赋值给变量。通过示例展示了如何进行对象解构,解释了如何从一个对象中获取并赋值给新对象的同名属性,强调了新对象并不与原对象有直接关系,只是获得了原对象的值。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  let dad = 'biao'
  let mum = 'ling'
  let family = {dad:dad, mum:mum}
  console.log(family) //Object {dad:"biao", mum:"ling"}

ES6 写法

  let dad = 'biao'
  let mum = 'ling'
  let family = {dad, mum}
  console.log(family)

解构: es6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称之为解构

反过来可以这么写:(解构)

  let family = {dad:'biao',mum:'ling'}
  let {dad,mum}=family   //创建新对象,并赋值
  console.log({dad,mum}) //{dad: "biao", mum: "ling"}

以上例子说明,

  1. 声明一个 family 对象中,包含 dad 和 mum 两个 属性
  2. 声明一个 新对象,也包含 dad 和 mum 两个属性,并从family 这个对象中,获取同名属性的值。也就是说,{dad,mum} 是一个新的对象,和family 没有关系。只是获得了family 的赋值

以下例子也可以证明这一点

结果返回未定义
 
let family = {dad:'biao',mum:'ling',child:'xin'}
let {dad,mum}=family      

console.log({dad,mum}===family)  //false
console.log({dad,mum,child})     // child is undefined

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值