ES6 解构赋值

最新推荐文章于 2022-07-03 14:47:28 发布
原创 最新推荐文章于 2022-07-03 14:47:28 发布 · 173 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文深入解析JavaScript中的解构赋值特性，包括数组、对象及字符串的解构方式，探讨其在变量赋值、属性提取及数值交换中的应用技巧。

解构赋值

是一个js表达式，这使得可以将值或者属性从数组或者对象中提取到变量中。

数组的解构赋值

在数组中与索引对应
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
输出c ： [3, 4]
在这里插入图片描述
接收值为undefined时使用默认值，否则使用接收值 (接收是null就是null)
在这里插入图片描述
数值的互换
在这里插入图片描述

对象的解构赋值

在对象中与对象的属性名对应

在这里插入图片描述
简单的使用
在这里插入图片描述在这里插入图片描述
当属性名重复时，可以 冒号加自定义名称
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

字符串的解构赋值

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
三种方式结果一致
在这里插入图片描述
length就是字符串的length属性 split不能只能调用 需要call()；

ES6 解构赋值详解
修己xj的博客
06-22 854
ES6的解构赋值为JavaScript带来了更多的灵活性和可读性，使得我们能够更优雅地处理数据。无论是处理数组、对象，还是在函数参数中使用，解构赋值都能让我们的代码更加简洁和易于维护。掌握好这一特性，对于提升JavaScript编程能力是非常重要的一步。
[ES6] 变量的结构赋值
lwq的博客
02-24 351
ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构 数组的解构赋值 如果目标对象的结构不符合/不具备iterator接口，都将会报错 结构赋值可以有默认值，当数组中的值完全等于undefined，默认值才会生效 let [a=1] = []; a //1 // 相当于 let [a=1] = [undefined]; a // 1 可以嵌套使用 l...
es6结构赋值
weixin_47791934的博客
11-23 285
概述 解构赋值是对赋值运算符的扩展。 他是一种针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。 在代码书写上简洁且易读，语义更加清晰明了；也方便了复杂对象中数据字段获取。 解构模型 在解构中，有下面两部分参与： 解构的源，解构赋值表达式的右边部分。 解构的目标，解构赋值表达式的左边部分。 数组模型的解构（Array） 基本 let [a, b, c] = [1, 2, 3]; // a = 1 // b = 2 // c = 3 可嵌套 let [a, [[b], c]] = [1, [[
es6解构赋值
小志的博客
10-08 341
1、es6解构赋值 具体点 解析解构，然后自动赋值，简化程序员代码编写； 2、对象的解构赋值实例 es6之前的实例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head>...
es6 解构赋值
Hassan的小博客!
05-05 1707
ES6解构赋值传统的变量赋值：变量的解构赋值：数组的解构赋值:对象的解构赋值:`(和数组解构赋值类似)`字符串的解构赋值：数值和布尔值的解构赋值:`解构赋值时，如果等号右边是数值和布尔值，则会先转为对象。`函数参数的解构赋值:变量的解构赋值用途: ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。 传统的变量赋值： var arr = [1...
ES6的解构赋值
尘生杜若
02-25 350
ES6解构：es6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称之为解构 1.数组的解构赋值 //可以从数组中提取值，按照对应位置对变量赋值 let [a,b,c]=[1,2,3] console.log(a);//1 console.log(b);//2 console.log(c);//3 //本质上这种写法属于‘模式匹配‘，只要等号两边的模式相同，左边的变量就会被赋予对应的...
ES6解构赋值的功能与用途实例分析
11-30
本文实例讲述了ES6解构赋值的功能与用途。分享给大家供大家参考，具体如下： （1）交换变量的值 [x, y] = [y, x]; 上面代码交换变量x和y的值，这样的写法不仅简洁，而且易读，语义非常清晰。 （2）从函数返回多个...
ES6解构赋值实例详解
08-28
ES6解构赋值实例详解 ES6解构赋值是ES6中的一种新的赋值方式，它可以将数组或对象的值赋值给变量，并且可以使用默认值、解构对象和字符串等多种方式。本文将详细介绍ES6解构赋值的基本概念、原理与使用方法。 基本...
ES6 --- 解构赋值
wangdan_2013的博客
03-13 1225
上一篇文章 ES6 — let、const与作用域1.什么是解构赋值？ ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构赋值。 1.1解构赋值的几种类型 左右的都是数组，数组解构赋值 左右都是对象，对象解构赋值 左边是数组，右边是字符串，字符串解构赋值 布尔值解构赋值，函数参数解构赋值，数值解构赋值 2.数组的解构赋值2.1 看一种最直接
ES6-解构赋值
weixin_45765548的博客
07-03 2021
ES6允许按照一定模式从数组和对象中提取值，然后对变量进行赋值，这被称为解构根本上是为了获取对象或者数组内的数据更加方便。eg: let [a,b,c] = [1,2,3]; 这种写法本质上属于模式匹配，只要等号两边的模式相同，左边的变量就会被赋予对应的值。 不完全解构：等号左边的模式只匹配一部分的等号右边的数组。如果等号的右边不是数组，或者严格来说不是可遍历的结构，那么将会报错。 只要某种数据结构具有Iterator接口，都可以采用数组形式的解构赋值。默认值：结构赋值允许指定默认值。 ES6使用严格相等
es6 解构赋值的好处
最新发布
01-19
ES6解构赋值的好处有以下几点： 1. 简化代码：ES6解构赋值可以让我们更简洁地从数组或对象中提取值，并将其赋给变量。这样可以减少冗余的代码，使代码更加简洁易读。 2. 提高可读性：通过使用解构赋值，我们可以...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值