JavaScript-解构赋值

数组解构

数组解构是将数组的单元值快速批量赋值给一系列变量的简洁语法

 // **********数组解构************let arr = [1, 2, 3];let [a, b, c] = arr;let [a, b, c] = [1, 2, 3];console.log(a); // 1console.log(b); // 2console.log(c); // 3// **********变量多值少************let [a, b, c, d, e, f] = [1, 2, 3];console.log(a); // 1console.log(b); // 2console.log(c); // 3// **********变量少值多************let [a, b, c] = [1, 2, 3, 4, 5];console.log(a); // 1console.log(b); // 2console.log(c); // 3//  **********按需取值************let [a, , b, , c] = [1, 2, 3, 4, 5];console.log(a); // 1console.log(b); // 3console.log(c); // 5// **********剩余值************let [a, b, ...c] = [1, 2, 3, 4, 5];console.log(a); // 1console.log(b); // 3console.log(c); // 5// ***************二维****************let arr = [1, 2, 3, [4, 5, 6]];let [a, , b, [, c]] = arr;console.log(a, b, c);

一一对应！！！！

对象解构

   let uname = "xixi"; //报错let { age, uname: username } = {uname: "haha",age: "19",sex: "男",};console.log(age, uname);let {dog:{name,age}}={//对象属性的值将被赋值给与属性名相同的变量uname: "haha",age: "19",sex: "男",dog:{name:'da',age:'1',},cat:{name='xiao',age:'12'}}

注意：

赋值运算符 = 左侧的 {} 用于批量声明变量，右侧对象的属性值将被赋值给左侧的变量
对象属性的值将被赋值给与属性名相同的变量
对象中找不到与变量名一致的属性时变量值为 undefined
允许初始化变量的默认值，属性不存在或单元值为 undefined 时默认值才会生效

JavaScript-解构赋值相关推荐

JavaScript 解构赋值
文章目录 JavaScript 解构数组解构分配默认值交换变量跳过项将剩余元素分配给单个变量嵌套解构赋值参考文档在本教程中,您将借助示例了解 JavaScript 解构赋值. ...
exec 直接赋值_了解 JavaScript 解构赋值
引言数组和对象就像一个 "压缩包". 在需要单独引用数组中的某一个元素时,解构赋值可以很方便的完成这个任务,它可以将数组和对象整体 "解压缩" 到一堆变量上, ...
[JavaScript]解构赋值详解
文章目录概念数组解构声明分别赋值解构默认值交换变量值解构函数返回的数组忽略返回值(或跳过某一项) 赋值数组剩余值给一个变量嵌套数组解构字符串解构对象解构基础对象解构赋值给新变量 ...
JavaScript解构赋值
JS解构赋值 1. 什么是解构赋值 ? 2. 数组的解构赋值 2.1) 数组解构赋值的默认值 2.2) 数组解构赋值的应用类数组中的应用交换变量的值 3. 对象的解构赋值 3.1) 对象解构赋值的 ...
一篇文章搞懂JavaScript解构赋值
从Vuex的Actions中理解JavaScript的解构赋值
导言: 本菜鸡在学习大佬的代码的时候看到有大佬在Vuex中的Actions用到了解构赋值.我对Actions和解构赋值都不算太了解.这篇文章就记录一下我对这两点的一个理解. Actions背景介绍背 ...
【JavaScript 笔记】— 函数高级（变量作用域、解构赋值、方法、高阶函数、闭包、箭头函数、generator）
JavaScript个人笔记变量作用域变量提升全局对象 windows 命名空间局部作用域常量解构赋值使用场景方法 apply 装饰器高阶函数(Array) map reduce m ...
JavaScript系列之解构赋值
文章の目录一.解构赋值概述二.解构赋值语法三.描述四.示例[解构数组] 1.变量声明并赋值时的解构 2.如果解构不成功,变量的值为undefined. 3.变量先声明后赋值时的解构 4.默认值 ...
JavaScript中的解构赋值(详细)
解构赋值,就是快速的从对象或者数组中取出成员的一个语法方式 1.解构:将对象或者数组中的某个成员取出来 2.赋值:取出来的成员赋值给某一个变量 1.数组的解构使用 [ ] ...
JavaScript学习笔记 -- ES6学习(三) 变量的解构赋值
1.解构赋值的定义在ES6中,允许按照一定模式,从数组和对象中提取值(所谓解构),然后对变量进行赋值. var a = 1; var b = 2; var c = 3;//等价于var [a, b, ...

JavaScript-解构赋值

数组解构

对象解构

JavaScript-解构赋值相关推荐

最新文章

热门文章