2021-11-15ES6解构赋值提取对象属性

原创已于 2022-05-18 15:20:53 修改 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #es6

于 2021-11-15 16:20:32 首次发布

js 专栏收录该内容

51 篇文章

订阅专栏

本文介绍了如何使用ES6的解构赋值语法从对象中提取特定属性，通过实例展示了`let`关键字结合解构表达式的用法，最终结果是只保留了'sex'和'age'属性，其他属性被省略到obj2对象中。

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

ES6解构赋值提取对象属性

var obj={
name:"ww",
id:"21",
sex:"女",
age:"11"}
let{sex,age,...obj2} =obj

obj2//{name:"ww",id:"21",}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

进击的小白兔vl

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

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

weixin_41796631的博客

04-09

5983

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, mu...

ES6中对象的解构语法

L_jin_c的博客

08-31

6217

**1、**对象属性的完全解构（1）如果{ }里面的属性是对象的属性，解构出来是对应的属性值 let obj = { name: "zs", age: 11, email: "node.js@163.com" }; let { name, age, email } = obj; console.log(name, age, email); //zs 11 node.js@163.com //这个是完全解构。 //相当于是let name=obj.name;l

参与评论您还未登录，请先登录后发表或查看评论

es6 提取数组对象一部分_【ES6基础】解构赋值（destructuring assignment）

weixin_39731271的博客

11-30

1547

开篇我们经常可以在其他编程语言(如GO语言)中看到多返回值这种特性，因为在很多实际场景中，函数的返回值中，函数的返回值并不只有一个单一的值。ES6之前，并没有可以直接使用语法来实现多返回值的特性。ES6终于出现了解构赋值的语法糖来解决此类问题。解构赋值是一种表达式，允许您使用数组或对象，将可迭代对象的值或属性分配给变量。解构赋值能让我们用更简短的语法进行多个变量的赋值，大大的减少了代码量...

ES6之Map重组数组对象

weixin_44038355的博客

05-06

1769

ES6之Map重组数组对象：后台返回数组对象，要求pro_id和az_id相同的对象，合并他们的name var list = [ { pro_id: '123123', az_id: '234234', name: 'aa' }, { pro_id: '123123', az_id: '234234...

ES6数组的解构赋值

强者惜字如金，弱者废话连篇！

12-02

280

ES6数组的解构赋值 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>数组的解构赋值</title> </head> <body> &lt

ES6 对象的新功能与解构赋值介绍

10-17

解构赋值是ES6引入的一种强大的语法特性，它允许我们从数组或对象中方便地提取值。对于对象解构，语法如下： ```javascript var person = { name: 'John', age: 30 }; var { name, age } = person; console.log...

ES6解构赋值实例详解

08-28

ES6解构赋值是ES6中的一种新的赋值方式，它可以将数组或对象的值赋值给变量，并且可以使用默认值、解构对象和字符串等多种方式。本文将详细介绍ES6解构赋值的基本概念、原理与使用方法。基本用法 解构赋值的基本...

ES6 解构赋值详解

最新发布

修己xj的博客

06-22

790

ES6的解构赋值为JavaScript带来了更多的灵活性和可读性，使得我们能够更优雅地处理数据。无论是处理数组、对象，还是在函数参数中使用，解构赋值都能让我们的代码更加简洁和易于维护。掌握好这一特性，对于提升JavaScript编程能力是非常重要的一步。

es6语法--解构赋值

weixin_42464106的博客

07-01

1511

es6--解构赋值

ES6语法：解构赋值【数组&对象】

XSL_HR的博客

09-19

987

本文是关于es6中变量的解构赋值的相关基础知识整理，用于知识分享和个人笔记记录。接上篇关于let和const命令内容。

ES6基础语法---对象解构(传统语法获取属性值和ES6语法获取属性值)

睡不醒的每天

09-22

1922

## 传统语法获取属性和方法的两种写法 ### 1、对象.属性获取属性值和对象.方法获取方法体 ```java var user={ name:'hyh', age:30, add:function(){ console.log("我会好好学习！！！"); } }; //通过对象.属性调用属性值 console.log(user.name);//输出hyh //通过对象.方法调用方法体 console.log(user.age)//30 console.log(

ES6重构数组

weixin_42900082的博客

05-24

846

下面将展示用ES6把图1的数组转换成图2的数组格式，我们先想把红色部分的名字单独提出来做对象名，其余的绿色部分作为对象体的值 ↑图1 ↑图2 下面是ES6代码，语言为react，其他语言也可以借鉴，composeData为方法名 const composeData = (data) => { return data?.map((item) => { const { source_metric_list, ...rest

ES6如何提取对象的部分属性?

weixin_42178050的博客

03-15

2829

【代码】ES6如何提取对象的部分属性?

ES6(2) 解构赋值（数组和对象）

weixin_41545048的博客

11-05

455

http://www.itlcz.cn/?p=847（ES6（2） 解构赋值） 1.解构赋值（Destructuring） ES6 允许按照一定模式，从数组和对象中提取值（变量值的来源），对变量进行赋值（作用），这被称为解构。 2.数组的解构赋值 按下标一一对应地去赋值左右数量不等左右数量不等默认值嵌套 3.对象的解构赋值：定义了两个变量；给这两个变量赋值；本质-按属性名的一一对应...

ES6 数组操作的相关方法

Vivien_CC的博客

10-14

596

map() ：让数组通过某种计算产生一个新数组。every() ：检测数组中每一项是否符合条件。filter() ：筛选出数组中符合条件的项，组成新数组。find() ：用于找出第一个符合条件的数组成员。如果没有符合条件的成员，则返回undefined。findIndex() ：返回第一个符合条件的数组成员的位置。如果所有成员都不符合条件，则返回-1。reduce() ：让数组中的前项和后项做某种计算，并累积最终值。some() ：检测数组中是否有某些项符合条件。forEach( )：让数组中的每一项做某件

eS6常用语法

张媛的博客

06-29

1291

eS6常用语法吐槽：或者吐槽：“不会用ES6的解构赋值来取值吗？5行代码用1行代码搞定不香吗？直接用对象名加属性名去取值，要是对象名短还好，很长呢？搞得代码中到处都是这个对象名。”改进：反驳不是不用ES6的解构赋值，而是服务端返回的数据对象中的属性名不是我想要的，这样取值，不是还得重新创建个遍历赋值。吐槽看来你对ES6的解构赋值掌握的还是不够彻底。如果想创建的变量名和对象的属性名不一致，可以这么写：补充ES6的解构赋值虽然好用。但是要注意解构的对象不...

浅拷贝 ES6 Object.assign() 方法的用法

weixin_41883384的博客

09-22

512

Object.assign方法用于对象的合并，将源对象（source）的所有可枚举属性，复制到目标对象（target）。例如：　　const target = {a:1}, 　　const source1 = {b:2} 　　const source2 = {c:3}; Object.assign(target, source1,source2); 　　target // {a:1,b:2,c:3} Object.assign 方法的第一个参数是目标对象，后面的参数都是...

JavaScript去除数组对象中多余字段，提取对象数组中某些的属性组成新的对象数组。

~~~

02-06

3101

JavaScript去除数组对象中多余字段，提取对象数组中某些的属性组成新的对象数组。

es6 中对象和数组常用的方法和属性

m0_46862838的博客

10-23

913

对象的方法和属性 for…in 以任意顺序遍历一个对象的除Symbol以外的可枚举属性 for (variable in object) statement variable 在每次迭代时，variable会被赋值为不同的属性名。 object 非Symbol类型的可枚举属性被迭代的对象。 let obj ={ a:1, b:2, c:3 } //遍历出对象属性 // 1、 for(let prop in obj){ console.log("obj."+prop

ES6解构赋值详解：简化数据提取

解构赋值是ES6引入的一种强大的语法特性，它使得从数组和对象中提取数据变得更加简单和直观。在ES5中，我们需要使用索引或属性访问来获取数组和对象中的特定值，而在ES6中，解构赋值允许我们直接将值赋给变量，无需...