1.3 解构赋值、变量赋值

解构赋值:

// 1.ES6的解构赋值
// 包括数组和对象的整体赋值,基本原则如下:
//      数组的元素是按次序排列的,变量的取值由它的位置决定;
//      对象的属性没有次序,变量必须与属性同名,才能取到正确的值。
// 数组的解构赋值:
let [x, y] = [1, 2] // x = 1 ,y = 2
let [y, x] = [1, 2]  // 交换变量的值 x = 2, y = 1

// 对象的解构赋值:
let user = {
    name: ‘鞠婧祎‘,
    age: 23,
}

let {name, age} = user
console.log(name) // 鞠婧祎
console.log(age) // 23

// 但是对象的解构赋值,允许给赋值的变量重命名

// 2.给方法设置默认值
function f1(a = 1) {
    console.log(a)
}
// 如果不传递参数或者传递的参数为undefined,则显示默认参数,否则为传递的参数
f1(undefined) // 1
f1(null) // null

// 3. 空值的问题
let a = []
let b = {}
if (a.length) { //空数组是可以进去的,但是长度为0不可以进去
    console.log(1)
}
if (!b.name && !a.length) {
    console.log(2)
}

参考文档:

ES6 对象的解构赋值

原文地址:https://www.cnblogs.com/shiyun32/p/11294648.html

时间: 2024-11-05 23:10:16

1.3 解构赋值、变量赋值的相关文章

js用解构来定义变量并赋值

解构数组 var [a,b]=[1,2]; a //1 b //2 ------------- var [a,b]=[1,2,3,4]; a //1 b //2 ---------------- var [a,,b]=[1,2,3,4]; a //1 b //3 ----------------- var a,b; [a=3,b=2]=[1]; //默认值 a //1 b //2 ----------------- var [a, ...b] = [1,2,3,4] a //1 b // [2,

es6 变量的解构赋值

一.数组的解构赋值 数组解构赋值,索引很重要,即顺序很重要 1.解构[1,2,3] //把1,2,3分别赋值给a,b,c var [a,b,c]=[1,2,3]; console.log(a+' | '+b+' | '+c);//1 | 2 | 3 2.更复杂,更强大的赋值,解构[1,[2,3]] //把1,2,3分别赋值给a,b,c var [a,[b,c]]=[1,[2,3]]; console.log(a+' | '+b+' | '+c);//1 | 2 | 3 3.跳着赋值 //把1赋值

解构赋值,你不能不懂!

解构赋值 很多人可能和我一样,第一次看到这个词的时候摸不着头脑.但是冷静再看一遍好像明白了,"把数据结构分解开分别进行赋值". 我们先看几个小例子 let [a,b,c] = [1,2,3];console.log(a,b,c);//1 2 3 let {name,age} = {name:"jack",age:"18"};console.log(name,age);//jack 18 let {toString,length} = "

【ES6】对象的新功能与解构赋值

ES6 通过字面量语法扩展.新增方法.改进原型等多种方式加强对象的使用,并通过解构简化对象的数据提取过程. 一.字面量语法扩展 在 ES6 模式下使用字面量创建对象更加简洁,对于对象属性来说,属性初始值可以简写,并可以使用可计算的属性名称.对象方法的定义消除了冒号和 function 关键字,示例如下: // Demo1 var value = "name", age = 18 var person = { age, // age: age ['my' + value]: 'Jenny

Python封装及解构

python封装及解构 Python的封装与其他语言的封装箱不同,python中没有装箱的概念,一切皆对象 将多个值使用逗号进行分割,本质上是返回元组 In [1]: a = 1,2 In [2]: type(a) Out[2]: tuple In [3]: a Out[3]: (1, 2) 封装 在进行交换的时候,已经被封装为元组 在赋值的过程中,看似什么都没有做,但是在右值将其封装为元组,因为其值不变 In [9]: a = 1,2 In [10]: a?? Type:       tupl

JS对象解构

什么是解构赋值? 解构赋值允许你使用类似数组或对象字面量的语法将数组和对象的属性赋给各种变量.这种赋值语法极度简洁,同时还比传统的属性访问方法更为清晰. 通常来说,你很可能这样访问数组中的前三个元素: var first = someArray[0]; var second = someArray[1]; var third = someArray[2]; 如果使用解构赋值的特性,将会使等效的代码变得更加简洁并且可读性更高: var [first, second, third] = someAr

python的封装与解构

封装 将多个值使用逗号分割,组合在一起 本质上,返回一个元祖,只是省掉了小括号 python特有语法,被很多语言学习和借鉴 t1 = (1,2) #定义为元祖 t2 = 1,2 #将1和2封装成元祖 print(type(t1)) print(type(t2)) 返回类型都为元组: <class 'tuple'> <class 'tuple'> 使用方法: a = 4 b = 5 temp = a a = b b = temp # 等价于 a,b = b,a #等号右边使用了封装,

python内置函数封装、解构

一.封装 将多个值使用逗号分割,组合在一起,本质上返回一个元组,只是省掉了小括号 python特有语法,被很多言语学习和借鉴 二.解构 把线性结构的元素解开,并顺序的赋给其他变量 左边接纳的变量数要和右边解开的元素个数一致 举例: >>> lst = [3,5]  >>> a,b = lst  >>> print(a,b)  3 5  >>> 三.python3版本的解构 使用*变量名接收,但不能单独使用 被*变量名收集后组成一个列表

变量的解构赋值

*,html { font-size: 16px } 一.数组的解构赋值 基本用法 ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构. 下面的代码表示,可以从数组中提取值,按照位置的对应关系对变量赋值.这种写法属于"模式匹配",只要等号两边的模式相同,左边的变量就会被赋予对应的值. var [a,b,c]=[1,2,3] a // 1 b // 2 c // 3 let [foo,[[bar],baz]]=[1,[[2],3]]; foo //1 bar //

ECMAScript中变量的解构赋值

ES6 允许从数组和对象中提取值,对变量进行赋值. 解构赋值的基本用法: 1.数组的解构赋值 let [a, b, c]= [1,2, 3]; console.log(a);//1 console.log(b);//2 console.log(c);//3 2.对象的解构赋值 let { foo:foo2, bar:bar2 } = {foo: "aaa",bar: "bbb" }; console.log(foo2);// "aaa" cons