一、字符串的方法
JS 字符串的特性总是落后于其它语言,直到 ES5 中字符串才获得了 trim() 方法。 而 ES6 则继续添加新功能以扩展 JS 解析字符串的能力。 **startsWith()**方法:给定文本出现在字符串起始处返回true, **endsWith()**方法:给定文本出现在字符串结尾位置处返回true, **includes()**方法:给定文本存在字符串中的任意位置时返回true
var msg = "Hello world!";
console.log(msg.startsWith("Hello"));
console.log(msg.endsWith("!"));
console.log(msg.includes("o"));
console.log(msg.startsWith("o"));
console.log(msg.endsWith("world!"));
console.log(msg.includes("x"));
console.log(msg.startsWith("o", 4));
console.log(msg.endsWith("o", 8));
console.log(msg.includes("o", 8));
如果向 startsWith() 、 endsWith() 或 includes() 方法传入了正则表达式而不是字符 串,会抛出错误。这与 indexOf() 以及 lastIndexOf() 方法的表现形成了反差,它们会 将正则表达式转换为字符串并搜索它
**repeat()**方法:接受一个参数作为字符串的重复次数,返回 一个将初始字符串重复指定次数的新字符串。
console.log("x".repeat(3));
console.log("hello".repeat(2));
console.log("abc".repeat(4));
二、复制正则表达式
你在 ES5 环境中运行这段代码,那么你会收到一条错误信息,表示在第一个参数已经是 正则表达式的情况下不能再使用第二个参数。 ES6 则修改了这个行为,允许使用第二个参 数,并且让它覆盖第一个参数中的标志。
var re1 = /ab/i,
re2 = new RegExp(re1, "g");
console.log(re1.toString());
console.log(re2.toString());
console.log(re1.test("ab"));
console.log(re2.test("ab"));
console.log(re1.test("AB"));
console.log(re2.test("AB"));
三、模板字面量
模板字面量是 ES6 针对 JS 直到 ES5 依然完全缺失的如下功能的回应: 多行字符串:针对多行字符串的形式概念; 基本的字符串格式化:将字符串部分替换为已存在的变量值的能力; HTML 转义:能转换字符串以便将其安全插入到 HTML 中的能力。
模板字面量的最简单语法,是使用反引号( ` )来包裹普通字符串,而不是用双引号或单 引号。参考以下例子:
var msg = 'long'
let message = `Hello world! ${msg}`;
console.log(message);
console.log(typeof message);
console.log(message.length);
let message = `Multiline
string`;
console.log(message);
let count = 10, price = 0.25,
message = `${count} items cost $${(count * price).toFixed(2)}.`;
console.log(message);
总结
以上的内容是通过阅读深入理解ES6摘出来的。
|