ES6 入门(二）——变量的解构赋值

最新推荐文章于 2024-02-11 13:39:18 发布
最新推荐文章于 2024-02-11 13:39:18 发布
阅读量344 收藏 2
点赞数 1
分类专栏： ES6入门教程
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39089928/article/details/104430274
版权
本文详细介绍了ES6中的解构赋值，包括数组、对象、字符串、函数参数等多种情况，通过实例展示了如何利用解构赋值进行变量交换、提取函数返回值等多个用途。
摘要由CSDN通过智能技术生成

 

1.ES6 声明变量的六种方法

ES5 只有两种声明变量的方法：var命令和function命令。

ES6 除了添加let和const命令，另外两种声明变量的方法：import命令和class命令。

所以，ES6 一共有 6 种声明变量的方法。

 

2.数组的解构赋值

ES6 允许写成下面这样。

let [a, b, c] = [1, 2, 3];

上面代码表示，可以从数组中提取值，按照对应位置，对变量赋值。

本质上，这种写法属于“模式匹配”，只要

了解本专栏 订阅专栏 解锁全文 超级会员免费看
吴小花的博客
关注
专栏目录
订阅专栏
ES6——声明和赋值（ let 和 const、变量的解构赋值）
Joyce的前端日常
11-19 6554
文章目录let 和 const1. let2. 块级作用域(1) 为什么需要块级作用域？(2) ES6 的块级作用域(3) 块级作用域与函数声明3. const 命令变量的解构赋值1. 数组的解构赋值(1) 默认值2. 对象的解构赋值3. 字符串的解构赋值4. 数值和布尔值的解构赋值5. 函数参数的解构赋值6. 圆括号问题7. 用途(1) 交换变量的值(2) 从函数返回多个值(3) 函数参数的定义...
ES6变量声明与赋值：值传递、浅拷贝与深拷贝详解
02-24
ES6为我们引入了let与const两种新的变量声明关键字，同时也引入了块作用域；本文首先介绍ES6中常用的三种变量声明方式，然后讨论了JavaScript按值传递的特性以及多种的赋值方式，最后介绍了复合类型拷贝的技巧。在JavaScript中，基本的变量声明可以用var方式；JavaScript允许省略var，直接对未声明的变量赋值。也就是说，vara=1与a=1，这两条语句的效果相同。但是由于这样的做法很容易不知不觉地创建全局变量（尤其是在函数内部），所以建议总是使用var命令声明变量。在ES6中，对于变量声明的方式进行了扩展，引入了let与const。var与let两个关键字创建变量的区
ES6之变量
前端_大可爱的博客
07-10 103
在JavaScript中                    var是可以重复声明，无法限制修改，没有块级作用域的。 在ES6中有两种新的定义变量的方法 1、let 不能重复声明 变量–可以修改 有块级作用...
ES6变量
hong
04-21 465
ES6变量
ES6--变量
cmy741741的博客
11-12 436
let 在es5中，我们通常使用var声明一个变量，但是var有很多奇葩的特性，这些特性与常规的编程语言都不太相同，在es6中，又提供了与常规语言类似的声明变量的方法。Let对比var有如下特点： 1. 变量声明不会被提升，即在变量声明之前无法使用该变量 2. 具有局部作用域，即let声明的变量只能在对应代码块中使用 3. 不允许重复声明。 const let用于声明一个变量，而const用于声明常量，const具有与let相同的特性，...
ES6知识点整理之----解构赋值----函数参数
ap1005233的博客
09-13 96
1、函数参数解构： function add([x, y]){ 　　return x + y; } add([1, 2]); // 3 [[1, 2], [3, 4]].map(([a, b]) => a + b); // [ 3, 7 ] 2、函数参数的解构也可以使用默认值 fun...
ES6标准入门——阮一峰 读书笔记
weixin_44457144的博客
04-03 569
Let和const 不存在变量提升 只要块级作用域内存在let命令，它所申明的变量就绑定这个区域，不再受外部影响。凡是在声明之前就使用这些变量就会报错。 Let不允许在相同的作用域内，重复声明一个变量 ES5只有全局作用域和函数作用域，没有块级作用域，这带来很多不合理的场景。一对大括号就是一个块。 ES5规定函数只能在顶层作用域和函数作用域中声明，不能在块级作用域声明。 ES6引入了块级作用域，明...
ES6——解构赋值
u014203120的专栏
10-06 130
1、数组 let [a, b, c] = [1, 2, 3]; let [foo, [[bar], baz]] = [1, [[2], 3]; // foo = 1, bar = 2, baz = 3 let [x, y, ...z] = ['a']; // x = 'a', y = undefined, z = [] let [a, [b], d] = [1, [2, 3], 4]; // a ...
ES6基础（二）——解构
孙朝阳的博客
03-09 308
ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。 数组解构赋值 数组的元素是按次序排列的，变量的取值由它的位置决定! 原先从数组提取值对变量赋值需要这样：var arr = [1,3,5]; var a = arr[0]; var b = arr[1]; var c = arr[2];现在：var arr = [1,3,5]; let
对象的解构赋值
weixin_43074337的博客
11-05 262
对象的解构赋值 对象的解构与数组有一个重要的不同。数组的元素是按次序排列的，变量的取值由它的位置决定；而对象的属性没有次序，变量必须与属性同名，才能取到正确的值。 let { bar, foo } = { foo: "aaa", bar: "bbb" } foo // "aaa" bar // "bbb" let { baz } = { foo: &amp
es6之变量的结构赋值
cainiaolaili的博客
03-18 622
1.数组的解构赋值 基本用法  ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。   以前，为变脸赋值，智能直接指定值。 let a=1; let b=2; let c=3;ES6允许写成这样。let [a,b,c]=[1,2,3];可以从数组中提取值，按照对应位置，对变量赋值。这种写法属于“模式匹配”，只要等号两边的模式相...
变量的解构赋值---函数参数的解构赋值
GXing007的博客
03-06 431
函数的参数也可以使用解构赋值eg：function add([x, y]){ return x + y; } add([1, 2]); // 3[[1, 2], [3, 4]].map(([a, b]) => a + b); // [ 3, 7 ]函数参数的解构也可以使用默认值function move({x = 0, y = 0} = {}) { return [x, y]; }...
ES6中的解构之对象解构赋值
weixin_45846805的博客
07-04 1548
解构赋值 解构赋值是javascript表达式，这使得可以将好数据从数组或对象提取到不同的变量中。（可以看出解构主要用在数组和对象上）。 简单点来讲就是解析等号两边的对应的赋值给左边，如果解构不成功，变量的赋值就等于undefined。 对象的解构与数组有一个重要的不同。数组的元素是按顺序排的，变量的取值由它的位置决定；而对象的属性没有次序，变量必须与属性同名，才能取到正确的值 基本使用语法 注意：对象解构赋值的键名对应很重要。不然不会找到。因为对象时无序的，必须通过键名来识别 1.未先声明变量再进行对象解
2.2 对象的解构赋值
yehuiyuwei的博客
08-02 496
对象解构赋值 简单介绍 数组的元素是按次序排列的，变量的取值由它的位置决定；而对象的属性没有次序，变量必须与属性同名，才能取到正确的值 如果解构失败，变量的值等于undefined 解构赋值的规则是，只要等号右边的值不是对象或数组，就先将其转为对象。由于undefined和null无法转为对象，所以对它们进行解构赋值，都会报错 //按照变量名与属性名字来进行赋值，只有相同的名字才成立，和数组不...
解构赋值---函数参数的定义、获取事件源【2021.11.25】
masierty的博客
11-25 427
解构赋值：按照一定模式从数组或对象中提取值对变量进行赋值，称之为结构。 知道了定义，我们来看看下面三种对解构赋值的应用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="
javascript中的对象解构赋值【详解】
最新发布
认真在学习的小白博客
02-11 1061
解构不仅可以用于数组，还可以用于对象。对象的解构与数组有一个重要的不同。数组的元素是按次序排列的，变量的取值由它的位置决定；而对象的属性没有次序，变量必须与属性同名，才能取到正确的值。如果变量名与属性名不一致，必须写成下面这样。这实际上说明，对象的解构赋值是下面形式的简写与数组一样，解构也可以用于嵌套结构的对象。p: ['Hello',注意，这时p是模式，不是变量，因此不会被赋值。如果p也要作为变量赋值，可以写成下面这样。p: ['Hello',下面是另一个例子。loc: {
es6入门2--对象解构赋值
weixin_30821731的博客
04-01 236
解构赋值：ES6允许按照一定规则从数组或对象中提取值，并对变量进行赋值。说直白点，等号两边的结构相同，右边的值会赋给左边的变量。 一、数组的解构赋值： 1.基本用法 let [a, b, c] = [1, 2, 3]; console.log(a, b, c); //1,2,3 let [d, ,] = [1, 2, 3]; console.log(d); //1 l...
ES6入门：详解变量解构赋值及其应用
ES6入门教程深入解析变量的解构赋值 --- 在JavaScript的ES6（ECMAScript 2015）版本中，引入了一种新的语法特性——解构赋值，它使得开发者能够更加简洁、直观地从数组和对象中提取并分配值到变量中。这一特性极大...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

吴小花的博客

1分也是爱

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值