判断字符串以什么开头_ES6字符串的扩展⽅法
基于ES6标准⼊门(第3版)这本书的笔记要学习angula,vue,react等新的前端框架,必须先熟悉ES6的语法
字符串Unicode表⽰⽅法
浙江创业
JavaScript允许采⽤uxxx的形式表⽰⼀个字符,其中xxx表⽰字符的Unicode码点。但是,这种表⽰⽅法只限于 ~uFFF之间的字符。超出
这个范围的字符,必须⽤2个双字节的形式表达。ES6对这⼀点做了改进,只要将码点放⼊⼤括号,就能正确解读该字符串。其实本质上还
是在做ES6代码编译的时候转换成了双字节。
ES6代码
let codeMsg = 'u{20BB7}';console.log(codeMsg);
编译后的ES5代码
var codeMsg = '��';console.log(codeMsg);
字符串遍历接⼝
做错事的孩子
ES6为字符串添加了便利接⼝,可以使字符串直接⽤f 循环
{ // 字符串循环遍历 let str = 'forOfLoop'; for(let temp of str){ console.log(temp); } // for of 循环除了可以⽤于字符串循环,也可以循环map集合 var m
at()⽅法
ES5对字符串对象提供了chartAt()⽅法,返回字符串给定位置的字符,但是该⽅法不能识别码点⼤于0xFFFF的字符串。ES6提供的at()⽅
荐书卡
法可以识别。
let str = 'forOfLoop';console.log(str.charAt(1));console.log(str.at(1));
这个⽅法需要通过垫⽚库(/es-shims/String.prototype.at)实现。
includes(),startsWith(),endsWith() ⽅法剪纸艺术
ES5中只有indexOf⽅法来确认字符串是否包含在另⼀个字符串中,ES6提供了3个扩展⽅法
includes():判断是否包含
startsWith():判断是否已某⼀个字符串开头
endsWith():判断是否已某⼀个字符串结尾
{ let str ='hello word'; console.log(str.includes('word')); // true console.log(str.startsWith('hell')); // true console.dsWith('rd')); // true}
上⾯的⽅法还⽀持位数搜索,第⼆个参数n表⽰搜索的位数,includes和startsWith第2个参数n,表⽰从第n位到结尾的区间搜
我的祖国钢琴谱索,endsWith第⼆个参数n表⽰前n个字符区间搜索。
{ let str ='hello word'; console.log(str.includes('word',3)); console.log(str.startsWith('hell',4)); console.dsWith('rd',5)); }
repeat()⽅法
花好月圆的意思repeat⽅法返回⼀个新字符串,表⽰把原字符串重复n次
天文星座
'));}
在模版中嵌⼊变量需要写在${}中,嵌⼊的变量也可以是表达式,也可以是function⽅法。分时线怎么看
{ let obj = {x : 1, y : 2}; var add = `${obj.x + obj.y}`; console.log(add); function hello() { return 'hello word'; } var meg = `say ${hello()}`; con
如果只有⼀个参数,从控制台输出可以看出,我们直接输出第⼀个参数,也会是显⽰的未被变量替换的值,哪怕我们没有变量占位,这个时
候就需要⽤的函数的内置变量arguments,在函数体内可以通过arguments 对象来访问参数数组,从⽽获取传递给函数的每⼀个参数。
co 书中介绍标签模版主要⽤于过滤html标签字符串,防⽌恶意输⼊