当ES6遇上字符串和正则表达式,能够大大提高我们的编程效率,以下内容将详细讲解ES6与字符串、正则表达式的操作。
字符串
1. 模板字符串
ES6中,我们可以使用模板字符串来更方便的输出变量。 模板字符串用反引号(`)来表示,用${}来表示变量。
示例:
const name = '小明';
const age = 18;
console.log(`我叫${name},今年${age}岁了`);
// 输出: 我叫小明,今年18岁了
2. 字符串新增方法:startsWith、endsWith、includes
ES6中,新增了startsWith、endsWith、includes方法,可以方便地判断字符串是否以指定的字符开始或结束,或者是否包含指定的字符。
示例:
const str = 'Hello, World!';
console.log(str.startsWith('Hello')); // 输出: true
console.log(str.endsWith('World!')); // 输出: true
console.log(str.includes('or')); // 输出: true
正则表达式
1. 正则表达式的声明方式
ES6中,正则表达式有两种声明方式:使用RegExp构造函数声明和使用字面量声明。
示例:
// 使用RegExp构造函数
const reg1 = new RegExp(/\d+/);
// 使用字面量
const reg2 = /\d+/;
2. 正则表达式新增方法:flags
ES6中,正则表达式新增了flags属性,用来获取正则表达式的修饰符。
示例:
const reg = /test/gi;
console.log(reg.flags); // 输出: gi
3. 正则表达式新增方法:matchAll
ES6中,新增了matchAll方法,可以一次性匹配出所有的结果并返回一个迭代器。
示例:
const str = '1234567890';
const reg = /\d{3}/g;
const iterator = str.matchAll(reg);
for (const match of iterator) {
console.log(match);
}
// 输出:
// ["123", index: 0, input: "1234567890", groups: undefined]
// ["456", index: 3, input: "1234567890", groups: undefined]
// ["789", index: 6, input: "1234567890", groups: undefined]
以上就是当ES6遇上字符串和正则表达式的完整攻略,希望能对您有所帮助。
本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!