ES6(解构赋值)

简介: 解构赋值1.什么是解构赋值? 在语法上,就是赋值的作用,解构为(左边一种解构。右边一种解构,左右一一对应进入赋值)2.解构赋值的分类。

解构赋值

1.什么是解构赋值?

 在语法上,就是赋值的作用,解构为(左边一种解构。右边一种解构,左右一一对应进入赋值)

2.解构赋值的分类。

1.左右为数组即为数组解构赋值;2.左右为对象即为对象解构赋值;3.左边是数组,右边是字符串,为字符串解构赋值。

4.布尔值解构赋值为字符串的一种。5.函数参数解构赋值即为数组解构赋值在函数参数的一种应用。6.数值解构赋值为字符串解构赋值的一种。

一、简介

1.(数组解构赋值)

结果:

 2.(对象解构赋值)

(输出结果:1 2)

二、默认值、具体使用方法和应用场景(数组解构赋值)

2-1.默认值(数组解构赋值)

(输出1 2 3)

(输出1 2 undefined)

如果解构赋值没有在解构上成功配对(左边3元素,右边2元素,c未找到配对值)默认值为undefined,默认值就是解决声明未赋值的问题。

2-2.使用场景(数组解构赋值)

1.关于变量的交换

(输出:2 1)

无需中间变量做存储,借助解构赋值,解决变量交换

2.取值问题

(输出:1 2)

无需(新变量接受结果,按索引返回0 1位置的值)

3.取值问题

 (输出:1 4)(数组的匹配模式)

可以灵活地取出所需要的值。

4.

(输出:1 [2 3 4 5 ])

场景:不知道函数返回数组的长度是多少,只取第一个,其余的不关心。

三、默认值、具体使用方法和应用场景(对象解构赋值)

1.默认值(对象解构赋值)

(输出:42 true)

(输出:3 5 )

2.使用场景(对象解构赋值)

1.前后端服务通信JSON中取值

(输出:abc  test)

目录
相关文章
|
6月前
|
JavaScript
ES6之变量的解构赋值
ES6之变量的解构赋值
|
6月前
|
JSON JavaScript 前端开发
ES6 变量的解构赋值
ES6 变量的解构赋值
ES6学习(2)解构赋值
ES6学习(2)解构赋值
|
2月前
ES6解构赋值
本文介绍了ES6中解构赋值的用法,包括对象和数组的解构,展示了如何从复杂数据结构中提取需要的变量,以及使用重命名和嵌套解构来简化代码。
33 0
ES6解构赋值
|
5月前
|
JSON JavaScript 前端开发
ES6 解构赋值详解
ES6是JavaScript语言的一次重大更新,引入了许多新特性和语法改进,其中解构赋值是一个非常实用和灵活的语法特性。它可以让我们从数组或对象中提取值,并赋给对应的变量,让代码变得更加简洁和易读。本文将深入探讨ES6解构赋值的语法、用法及其在实际开发中的应用。
191 58
ES6 解构赋值详解
|
3月前
es6 的解构赋值
【8月更文挑战第22天】
18 3
|
4月前
ES6 解构赋值【详解】
ES6 解构赋值【详解】
26 0
|
JavaScript 前端开发 网络架构
ES6 解构赋值
ES6 解构赋值
84 0
|
6月前
|
小程序
es6学习笔记(二)解构赋值
es6学习笔记(二)解构赋值
|
11月前
ES6学习(二)—变量的解构赋值
ES6学习(二)—变量的解构赋值