ES6中的新增属性——解构赋值

简介: ES6中的新增属性——解构赋值

首先我们要创建一个假数据,我们现在要取出user中的id和名称,如下:


let user = JSON.parse(sessionStorage.getItem('userInfo'))
let id = user.id;
let name = user.name;


非常的麻烦,我们需要一项一项的获取,这个时候可以使用解构赋值,如下:


const {id,name} = JSON.parse(sessionStorage.getItem('userInfo'));
//此时的id和name就是本地存储用户信息的id和name


相较于常规的赋值方式,结构赋值最主要的是’解构’两个字,在赋值的过程中要清晰的知道等号右边的结构,解构顾名思义就是:解开结构

相关文章
|
7月前
|
JavaScript
ES6之变量的解构赋值
ES6之变量的解构赋值
|
4月前
ES6新增语法 对象解构
ECMAScript6引入的对象解构语法允许在一行代码中完成多个赋值操作。例如,从一个包含姓名和年龄的对象中提取属性,传统方法需分别获取,而使用解构赋值可简洁实现相同功能。此外,它支持为未定义的属性设置默认值、对已声明变量的解构赋值(需加括号)、嵌套解构以及在函数参数中直接解构等特性,极大提升了代码的可读性和编写效率。
36 1
ES6新增语法 对象解构
|
1月前
|
JavaScript 前端开发
如何使用解构赋值来处理具有默认值的函数?
使用解构赋值来处理具有默认值的函数,可以使函数的参数和返回值更加灵活和易于使用,提高代码的可读性和可维护性,同时也减少了因参数缺失或返回值不完整而导致的错误。
54 7
|
3月前
ES6解构赋值
本文介绍了ES6中解构赋值的用法,包括对象和数组的解构,展示了如何从复杂数据结构中提取需要的变量,以及使用重命名和嵌套解构来简化代码。
36 0
ES6解构赋值
|
6月前
|
JSON JavaScript 前端开发
ES6 解构赋值详解
ES6是JavaScript语言的一次重大更新,引入了许多新特性和语法改进,其中解构赋值是一个非常实用和灵活的语法特性。它可以让我们从数组或对象中提取值,并赋给对应的变量,让代码变得更加简洁和易读。本文将深入探讨ES6解构赋值的语法、用法及其在实际开发中的应用。
195 58
ES6 解构赋值详解
|
4月前
es6 的解构赋值
【8月更文挑战第22天】
23 3
|
5月前
ES6 解构赋值【详解】
ES6 解构赋值【详解】
29 0
|
JavaScript 前端开发 网络架构
ES6 解构赋值
ES6 解构赋值
86 0
ES6语法: 解构赋值
ES6语法: 解构赋值
54 0
Es6解构赋值
例如现在有一个本地存储里面存的是用户信息,然后需要拿到里面的id,名称等等非常麻烦