Es6解构赋值

简介: Es6解构赋值

例如现在有一个本地存储里面存的是用户信息,然后需要拿到里面的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

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

相关文章
|
1月前
|
JavaScript
ES6之变量的解构赋值
ES6之变量的解构赋值
|
1月前
|
JSON JavaScript 前端开发
ES6 变量的解构赋值
ES6 变量的解构赋值
|
5天前
|
JSON JavaScript 前端开发
ES6 解构赋值详解
ES6是JavaScript语言的一次重大更新,引入了许多新特性和语法改进,其中解构赋值是一个非常实用和灵活的语法特性。它可以让我们从数组或对象中提取值,并赋给对应的变量,让代码变得更加简洁和易读。本文将深入探讨ES6解构赋值的语法、用法及其在实际开发中的应用。
162 58
ES6 解构赋值详解
|
1月前
|
小程序
es6学习笔记(二)解构赋值
es6学习笔记(二)解构赋值
|
10月前
|
JavaScript 前端开发 网络架构
ES6 解构赋值
ES6 解构赋值
68 0
|
6月前
ES6学习(二)—变量的解构赋值
ES6学习(二)—变量的解构赋值
|
9月前
ES6语法: 解构赋值
ES6语法: 解构赋值
32 0
|
10月前
|
存储
Es6解构赋值
例如现在有一个本地存储里面存的是用户信息,然后需要拿到里面的id,名称等等非常麻烦
|
10月前
|
JSON JavaScript 前端开发
ES6(变量的解构赋值)
ES6(变量的解构赋值)
54 0
ES6-变量的解构赋值
前言 大家好,今天和大家分享一下ES6中变量的解构赋值。 一、解构赋值是什么? ES6允许按照一定模式从数组和对象中提取值,对变量进行赋值,这被称为解构赋值