复习es6-解构赋值+字符串的扩展

1. 数组的解构赋值

　　从数组中获得变量的值，给对应的声明变量赋值,，有次序和对应位置赋值

　　解构赋值的时候右边必须可以遍历

　　解构赋值可以使用默认值

　　惰性求值，当赋值时候为undefined时候，默认是个函数就会执行函数

2.对象解构赋值

　　与数组不同的是，对象没有按次序排序

　　对象按照属性名赋值

3.字符串扩展

　　字符串使用unicode表示法

　　es6给字符串加上了遍历器借口，可用( for of ) 遍历

　　字符串模板

　　　1、用反引号(‘)设置字符串

　　　2、${param} 来显示变量

　　　3、<% %> 执行js语句

　　 4、<%= %> js表达式

原文地址：https://www.cnblogs.com/jiebba/p/8146827.html

时间： 2024-10-10 07:54:41

复习es6-解构赋值+字符串的扩展的相关文章

ES6（二）解构赋值+字符串的扩展

详解一下之前的解构赋值 ①解构赋值中的"..." let [a,...b]= [1]; b // [] ...代表变量b去匹配剩余的所有元素返回一个数组 ,匹配不到时返回[] //注意:"...b"只能放在最后 ②解构赋值的等号两边的数据类型必须一样即: let [] = [] 或者 let {} = {} 但是:Set结构也允许使用数组进行解构赋值 let [a,b]= new Set([1,2,3,4]) a //1 b //2 技巧: 如果你不确定该结构是否

ES6解构赋值

前面的话我们经常定义许多对象和数组,然后有组织地从中提取相关的信息片段.在ES6中添加了可以简化这种任务的新特性:解构.解构是一种打破数据结构,将其拆分为更小部分的过程.本文将详细介绍ES6解构赋值引入在ES5中,开发者们为了从对象和数组中获取特定数据并赋值给变量,编写了许多看起来同质化的代码 let options = { repeat: true, save: false }; // 从对象中提取数据 let repeat = options.repeat, save = option

ES6 解构赋值用途

1.交换变量的值2.从函数返回多个值3.函数参数的定义4.提取json数据5.函数参数的默认值6.遍历Map结构7.输入模块的指定方法 1.交换变量的值 // es5 console.log("es5"); var a = 100; var b = 200; var temp; temp = a; a = b; b = temp; console.log(a, b) // es6 console.log("es6") var x = 1000, y = 2000

js es6 解构赋值

解构赋值:es6允许按照一定的模式,从数组或对象中提取值 let [a,b,c] = [1,2,3]; let {a,b}= {a:1,b:2}; 对象 let {a,b}= {b:1,a:2} //输出2,1,即找属性名,不管什么位置数组例子1:(完全解构) let [a,b,c] = [1,2,3]; console.log(a)//1 console.log(b)//2 console.log(c)//3 例子2:(不完全解构) let [a,[b],c] = [1,[2,3],func

简单看看es6解构赋值

哎,我真的是太难了,今天就被这个解构赋值(也可以叫做析构,貌似析构是在c++中的,所以我这里叫做解构赋值吧)弄的我很烦,本来以为很容易的,结果还是弄了好久...就总结一下解构吧! 1.解构的基本使用什么叫做解构呢?其实就是类似正则表达式的这么一个东西,就是用一个有规则的表达式去匹配一个对象,这个表达式中刚好有一些属性,只要是匹配到了的东西都会自动赋值给这些属性,然后这个属性我们就可以随便使用了,所以通用的写法应该是下面这个样子的(这里是对象类型的解构,对于数组类型的解构比较容易,不多说,自己查

260 ES6解构赋值

ES6中允许从数组中提取值,按照对应位置,对变量赋值,对象也可以实现解构.[解构:分解数据结构.] 解构赋值就是把数据结构分解,然后给变量进行赋值如果解构不成功,变量跟数值个数不匹配的时候,变量的值为undefined 数组解构用中括号包裹,多个变量用逗号隔开,对象解构用花括号包裹,多个变量用逗号隔开利用解构赋值能够让我们方便的去取对象中的属性跟方法数组解构如果解构不成功,变量的值为undefined let ary = [1, 2, 3]; let [a, b, c, d, e] =

(5)ES6解构赋值-函数篇

函数参数的解构赋值 function sum(x, y) { return x + y; } sum(1,2);//3 //解构赋值 function sum([x, y]) { return x + y; } console.log( sum([1,2]) );//3 函数参数解构赋值的默认值 function fun({x = 0, y = 0} = {}) { return [x, y]; } console.log( fun({}) ); //[0,0] console.log( fun

es6解构赋值的几个用法

1.解构赋值可以轻松获取对象或者数组中的数据 var jsonData = { data: "111", data2: ["test","test2"], }; 结果: json中的数据就被轻松获取: 2.解构复制可以交换变量 var a=1,b=2,c=3,d=4; [a,b,c,d]=[d,c,b,a]; console.log(a,b,c,d); 结果: a=4,b=3,c=2,d=1 赋值的过程需要保证两边的数据格式匹配 [a,b,c,d

【vue】es6 解构赋值--函数参数解构赋值

函数的参数也可以使用解构赋值. function add([x, y]){ return x + y; } add([1, 2]); // 3 上面代码中,函数add的参数表面上是一个数组,但在传入参数的那一刻,数组参数就被解构成变量x和y.对于函数内部的代码来说,它们能感受到的参数就是x和y. [[1, 2], [3, 4]].map(([a, b]) => a + b); 默认值 function move({x = 0, y = 0} = {}) { return [x, y]; } mo