ES6新特征数字、数组、字符串


Posted in Javascript onOctober 01, 2016

一、let和const

let:声明变量,只在声明的块级作用域(大括号)内起作用[注意:let不向var那样可以自动提升]

如果一个区块内存在let或const命令,该区块就被解析成封闭作用域(暂时性死区,必须先声明再使用) [所以一个区块内只要有let,就可能存在死区,就可能会出现变量声明使用顺序的错误]

let为JavaScript增加了块级作用域

ES6中在块级作用域声明的函数不能在外部被引用,但在ES5中可以(ES5中的函数声明可以提升到全局作用域或函数作用域头部,ES6中不行,但是ES6位了避免对老代码的冲击放开了新的规定)

const声明值不能被改变的常量

const声明对象的时候指向的是地址而不是具体数据,所以不可变的是地址

let、class、const在全局声明的变量不再是全局变量,不再挂载到window对象上

二、变量的解构赋值

解构赋值:模式匹配,左右两侧通过数组的模式匹配复制,不需要一个个赋值了,如:

var [a, b, c] = [1, 2, 3] [这种事数组解构,按位置赋值]

还可以对象解构,没有次序要求,按照变量名赋值:

var {bar, foo} = {foo: “aaa”, bar: “bob”};

字符串解构:const [a, b, c, d, e] = ‘hello';

三、字符串的扩展

\uxxxx表示一个字符,后加字符的四位码点

codePointAt:正确处理4个字节储存的字符

String.fromCharCode():将码点返回成对应的字符串

for…of可以遍历字符串 比如for(let a of “hello”){console.log(a);} 打印出hello各个字母

类似indexOf()的方法:includes()是否找到参数字符串;startsWith/endsWith是否在字符串头/尾部

repeat():将原字符串复制n次返回新字符串 ‘x'.repeat(3) //xxx

模版字符串:使用反引号

字符串中可以使用正则表达式的方法:match()/replace()/search()/split()

可以为正则表达式添加u字符,用来处理中文等

四、数值的扩展

0b开头二进制;0o开头八进制

Number.isNaN()/Number.inFinite() 检测一个数是否是NaN/有限值,只对数值有效

Number.isInteger() 判断是否是整数

Math.trunc() 去除一个数的小数部分;Math.sign() 判断一个数是正数、负数、零

Math.cbrt() 计算一个数的立方根;Math.hypot() 求所有参数的平方和的平方根

五、数组的扩展

Array.from():将类数组对象转换成数组,还可以传入第二个参数,作用类似map,对每个元素操作

ES6中:var arr = Array.from(arrayLike);

ES5中:var arr = [].slice.call(arrayLike);

Array.of():将一组值转换为数组

find()方法:找到第一个符合条件的数组成员,参数是一个回调函数,每个成员都执行一次回调函数

[1, 5, 10, 15].find(function(value, index, arr) { //当前值、索引、原数组
return value > 9;
})

fill()方法:用来填充一个数组,fill(value, start, end),表示从start开始end截止使用value填充

ES6规定数组中空位的值是undefined,注意不是这个位置是undefined而事这个位置的值的undefined

以上所述是小编给大家介绍ES6新特征数字、数组、字符串,希望对大家有帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的。

Javascript 相关文章推荐
Javascript中的isNaN函数使用说明
Nov 10 Javascript
jQuery Mobile页面跳转后未加载外部JS原因分析及解决
Mar 18 Javascript
JavaScript禁止页面操作的示例代码
Dec 17 Javascript
js交换排序 冒泡排序算法(Javascript版)
Oct 04 Javascript
对比分析AngularJS中的$http.post与jQuery.post的区别
Feb 27 Javascript
jquery实现简单的轮换出现效果实例
Jul 23 Javascript
js实现卡片式项目管理界面UI设计效果
Dec 08 Javascript
Jquery uploadify 多余的Get请求(404错误)的解决方法
Jan 26 Javascript
fckeditor部署到weblogic出现xml无法读取及样式不能显示问题的解决方法
Mar 24 Javascript
微信小程序 动画的简单实例
Oct 12 Javascript
vue-loader中引入模板预处理器的实现
Sep 04 Javascript
extjs4图表绘制之折线图实现方法分析
Mar 06 Javascript
使用PBFunc在Powerbuilder中支付宝当面付款功能
Oct 01 #Javascript
ros::spin() 和 ros::spinOnce()函数的区别及详解
Oct 01 #Javascript
javascript代码调试之console.log 用法图文详解
Sep 30 #Javascript
JS实现表单多文件上传样式美化支持选中文件后删除相关项
Sep 30 #Javascript
微信小程序 Audio API详解及实例代码
Sep 30 #Javascript
微信小程序 Record API详解及实例代码
Sep 30 #Javascript
微信小程序 Image API实例详解
Sep 30 #Javascript
You might like
php的POSIX 函数以及进程测试的深入分析
2013/06/03 PHP
smarty模板引擎从配置文件中获取数据的方法
2015/01/22 PHP
Yii CFileCache 获取不到值的原因分析
2017/02/08 PHP
php设计模式之适配器模式实例分析【星际争霸游戏案例】
2020/04/07 PHP
PHP const定义常量及global定义全局常量实例解析
2020/05/28 PHP
jquery slibings选取同级其他元素的实现代码
2013/11/15 Javascript
纯js写的分页表格数据为json串
2014/02/18 Javascript
原生javascript实现的分页插件pagenav
2014/08/28 Javascript
JavaScript实现向OL列表内动态添加LI元素的方法
2015/03/21 Javascript
JS特效实现图片自动播放并可控的效果
2015/07/31 Javascript
点击按钮出现60秒倒计时的简单js代码(推荐)
2016/06/07 Javascript
在js里怎么实现Xcode里的callFuncN方法(详解)
2016/11/05 Javascript
js 事件的传播机制(实例讲解)
2017/07/20 Javascript
浅谈vue的iview列表table render函数设置DOM属性值的方法
2017/09/30 Javascript
Vue+webpack项目配置便于维护的目录结构教程详解
2018/10/14 Javascript
小程序云开发如何实现图片上传及发表文字
2019/05/17 Javascript
使用Phantomjs和Node完成网页的截屏快照的方法
2019/07/16 Javascript
微信小程序实现同时上传多张图片
2020/02/03 Javascript
[10:28]2018DOTA2国际邀请赛寻真——VGJ.S寻梦之路
2018/08/15 DOTA
[48:22]VGJ.S vs VG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Python运用于数据分析的简单教程
2015/03/27 Python
Python中的fileinput模块的简单实用示例
2015/07/09 Python
EM算法的python实现的方法步骤
2018/01/02 Python
解决安装python3.7.4报错Can''t connect to HTTPS URL because the SSL module is not available
2019/07/31 Python
Python制作简易版小工具之计算天数的实现思路
2020/02/13 Python
Python sorted排序方法如何实现
2020/03/31 Python
Python直接赋值及深浅拷贝原理详解
2020/09/05 Python
python工具——Mimesis的简单使用教程
2021/01/16 Python
九年级英语教学反思
2014/01/31 职场文书
写求职信有什么意义
2014/02/17 职场文书
《燕子》教学反思
2014/02/18 职场文书
行政人事经理职位说明书
2014/03/05 职场文书
父母寄语大全
2014/04/12 职场文书
幼儿园健康教育方案
2014/06/14 职场文书
医药销售自我评价200字
2014/09/11 职场文书
2015年个人自我剖析材料
2014/12/29 职场文书