ES6浅谈--解构，字符串扩展

解构：

1.大括号在句首会被认为是代码块，通过加圆括号可以解决问题，但是在声明语句中不能加圆括号，只有在赋值语句的非模式部分可以。

2.数值和布尔值解构会先转换成对象，然后用其包装对象的toString方法取得值再赋值。

3.解构用途：交换变量值；函数返回多个值取值；参数定义；提取json数据；参数默认值；遍历map；模块方法。

字符串扩展：

1.大括号增加unicode范围识别，另外支持for of遍历字符串。

2.模板字符串可以用于输入html文本，用${}做变量识别，反引号用反斜杠转义，trim方法去除空格，${}可以做数值运算，调用函数，可嵌套。

原文地址：https://www.cnblogs.com/harrywu96/p/12103802.html

时间： 2024-10-04 17:17:15

ES6浅谈--解构，字符串扩展的相关文章

ES6 变量与解构(二)

一.变量的声明与使用 [测试示例需要在node环境中测试,浏览器环境下并不完全兼容ES6代码]ES6中可以使用 {} 来包含任意一段代码,被 {} 包裹的内容称为一个代码块(局部作用域) let关键字 [声明变量]特性:1.块级作用域    [局部作用于声明的代码块中]2.变量声明不会提升    [变量未声明前无法使用该变量]3.暂时性死区    [该变量声明前面的区域]4.不能重复声明    [同一代码块中不能重复声明同一变量] const关键字    [声明常量(一般用大写字母表示常量)]特

浅谈C语言字符串结束符'\0'

如果你希望你的字符串以’\0‘结束,那么你可以这样做: 1 char str[]={"hello"};//①字符串赋值 2 char str[]={'h','e','l','l','o','\0'};//②人为添加 3 char str[6]={'h','e','l','l','o'};//③故意给数组预留一个空位 注:当出现以下情况时,会发生'\0'丢失 1 char str[5]={"hello"};//①数组长度不够 2 char str[]={'h','e'

ES6函数参数解构

ES6函数参数解构 常规的JavaScript若要给函数传递的参数是一个对象,需要像下面这样来实现: function sayName(person) { if(Object.prototype.toString.call(person) == '[object Object]') { console.log( `${person.firstName} ${person.lastName}`); } } sayName({firstName: 'Stephen', lastName: 'Curr

ES6浅谈--const，数组解构

关于const: 1.const声明的基本类型的值不可重复声明,不可修改,声明之后需要初始化,声明存在暂时性死区,只在声明的块级作用域内有效. 2.const本质上确保的是变量的内存地址的数值不会被改动,所以对于基本类型的值来说,数值在栈中保存,不会被修改:但是对于对象来说,const声明的对象不可以被改变的是内存地址,数据存在堆中,是可以被修改的,如果想不被修改需要freeze. 3.冻结对象后不能新添加属性,但是还可以修改原有属性,所以需要彻底冻结所有属性. 4.浏览器环境下顶层对象和全局对

妙用ES6解构和扩展运算符让你的代码更优雅

Javascript ES6/ES2015尘埃落定,其中许多特性其实是为了简化代码.解构运算符,扩展运算符,和rest运算符就是其中很好的特性,它们可以通过减少赋值语句的使用,或者减少通过下标访问数组或对象的方式,使代码更加简洁优雅,可读性更佳.现在各浏览器及node.js都加快了部署ES6的步伐.ES6的学习正当其时. 解构 解构的作用是可以快速取得数组或对象当中的元素或属性,而无需使用arr[x]或者obj[key]等传统方式进行赋值 数组解构赋值: var arr = ['this is

ES6浅谈 -- 数值扩展，函数扩展

数值扩展: 1.trunc(),去小数,非数字先用Number()转,转不了返回NaN.sign(),判断正负或0,正返回1,负返回-1,转换同上.cbrt(),计算立方根,转换同上.clz32(),计算参数的32位无符号整数前导0的个数.imul(),计算32位带符号整数相乘所得.Math.fround方法返回一个数的32位单精度浮点数形式.Math.hypot方法返回所有参数的平方和的平方根.BigInt数据类型,整数无位数限制,可以非常大. 函数扩展: 1.在看到参数默认值的时候,没有什么

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赋值

ES6新特性-------解构、参数、模块和记号（续）

六.解构 解构提供了一个方便的地从对象或数组中提取数据的方法,请看下面的例子: //ES6 let [x,y]=[1,2];//x=1,y=2 //ES5 var arr=[1,2]; var x=arr[0]; var y=arr[1]; 使用这个语法,可以一次性给多个变量赋值.一个很好的附加用处是可以很简单的交换变量值: let x=1,y=2; [x,y]=[y,x];x=2 y=1 解构也可以用于对象,注意对象中必须存在的对应的键: let obj={x:1,y:2}; let {x,y

ES6中的解构赋值

在解释什么是解构赋值前,我们先来看一下, ES5 中对变量的声明和赋值. var str = 'hello word'; 左边一个变量名,右边可以是字符串,数组或对象. ES6 中增加了一种更为便捷的赋值方式.称为 Destructuring .好像大家普遍翻译为解构.解构赋值允许我们将数组或对象的属性赋予给任何变量,该变量的定义语法与数组字面量或对象字面量很相似.举个例子可以直观的说明. let [speak, name] = ['hello', 'destructuring']; conso