ES6、7学习笔记（尚硅谷）-3-变量的解构赋值

一，理解：

从对象或者数组中提取数据，并赋值给多个变量。
这个用途，我解释一下，比如说下面这个对象中，存储了很多很多数据，是后台传送过来的：

二，从对象中提取数据，并赋值给多个变量

注意点：

** 1. 变量的名字必须和对象的属性名对应，否则undefined**
2. 定义的变量是全局变量，只是语法规则放在{}里面去解构赋值罢了，并不是生成对象

          let obj={username:"后台",age:28,type:"str",sex:"男",身份:"程序员",地址:"广州",}//如果我们想要用里面的某个数据就得obj.username,这样写一两个还好，写多了代码量就增加了。let {username,age,type,身份}=obj//相当于定义全局变量来取得对象里面的值了！//唯一的注意点是：定义的全局变量名必须是对象中的属性名，否则返回undefinedconsole.log(username,age,type,身份)    //后台 28 str 程序员

三，数组的解构赋值

注意点：

解构的变量放置在[]里面，变量名字随意取，它是按照数组的下标顺序来赋值的。
赋值操作时，按顺序进行，不赋值的用逗号隔开。

         let arr=[1,2,3,4,5]let[,,a,b,c]=arrconsole.log(a,b,c)   //3,4,5

ES6、7学习笔记（尚硅谷）-3-变量的解构赋值相关推荐

ES6的新特性（3）——变量的解构赋值
变量的解构赋值数组的解构赋值基本用法 ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring). let a = 1; let b = 2; le ...
Java学习笔记 | 尚硅谷项目三详解
该笔记基于B站视频:尚硅谷Java入门视频教程目录 1,目标 2,需求说明 2.1,功能实现 2.1,菜单显示 2.2,添加功能 2.3,删除功能 2.3,查看团队成员 3,软件设计结构 4,具体实 ...
maven学习笔记——尚硅谷
文章目录 maven学习笔记--尚硅谷第一章 Maven概述第一节为什么要学习Maven 1.Maven 作为依赖管理工具 1.1 jar 包的规模 1.2 jar 包的来源 1.3 jar 包 ...
ES6学习笔记03：变量的解构赋值
ES6学习笔记03:变量的解构赋值如果想从复杂数据结构(数组.对象)中获取某一个数据,可能需要大量的遍历操作才能完成.通过解构赋值,这一过程可以得到简化. 1.字符串的解构赋值其实,Python也 ...
MySQL学习笔记——尚硅谷李玉婷经典版MySQL基础笔记（一）
MySQL学习笔记--尚硅谷李玉婷经典版MySQL基础笔记(一) MySQL学习笔记目录 MySQL学习笔记--尚硅谷李玉婷经典版MySQL基础笔记(一) 一.基础知识 1.MySQL的语法规范 2. ...
ES6学习笔记二新的声明方式和变量的解构赋值！
新的声明方式在ES5的时候,我们只有一个声明方式,var!但是在es6中,声明进行了扩展,我们加上ES5的var的申明方式,我们有了三种声明方式: var:它是variable的简写,可以理解成变量 ...
ES6学习（二）—变量的解构赋值
ES6学习(二)-变量的解构赋值文章只列举了一部分完整版请看阮一峰ES6入门教程点我查看阮一峰ES6入门教程一.数组的解构赋值二.对象解构赋值三.函数参数的解构赋值
ES6学习之 - 变量的解构赋值
ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring) 1. 数组的解构赋值以前,为变量赋值,只能直接指定值. let a = 1; let b ...
ES6阮一峰-----变量的解构赋值学习
1.数组的解构赋值 ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring). 以前,为变量赋值,只能直接指定值. let a = 1; let b = ...
ES6新特性_变量的解构赋值---JavaScript_ECMAScript_ES6-ES11新特性工作笔记006
然后我们再看,变量的解构赋值. 可以看到按照一定的模式,从数组和对象中提取数据,以及对对应的变量进行赋值被称为解构赋值. 可以看到上面 let[xiao,liu,zhao,song]=F4 相当于我 ...

ES6、7学习笔记（尚硅谷）-3-变量的解构赋值

一，理解：

二，从对象中提取数据，并赋值给多个变量

三，数组的解构赋值

ES6、7学习笔记（尚硅谷）-3-变量的解构赋值相关推荐

最新文章

热门文章