
ES6 字符串和正则表达式(三)
发布日期:2021-05-06 20:27:21
浏览次数:19
分类:技术文章
本文共 2148 字,大约阅读时间需要 7 分钟。
更好的Unicode支持
早期,由于存储空间宝贵,Unicode使用16位二进制来存储文字。我们将一个16位的二进制编码叫做一个码元(Code Unit)。
后来,由于技术的发展,Unicode对文字编码进行了扩展,将某些文字扩展到了32位(占用两个码元),并且,将某个文字对应的二进制数字叫做码点(Code Point)。
ES6为了解决这个困扰,为字符串提供了方法:codePointAt,根据字符串码元的位置得到其码点。
同时,ES6为正则表达式添加了一个flag: u,如果添加了该配置,则匹配时,使用码点匹配
const text = "𠮷"; //占用了两个码元(32位)console.log("字符串长度:", text.length);console.log("使用正则测试:", /^.$/u.test(text));console.log("得到第一个码元:", text.charCodeAt(0));console.log("得到第二个码元:", text.charCodeAt(1));//𠮷:\ud842\udfb7console.log("得到第一个码点:", text.codePointAt(0));console.log("得到第二个码点:", text.codePointAt(1));/** * 判断字符串char,是32位,还是16位 * @param {*} char */function is32bit(char, i) { //如果码点大于了16位二进制的最大值,则其是32位的 return char.codePointAt(i) > 0xffff;}/** * 得到一个字符串码点的真实长度 * @param {*} str */function getLengthOfCodePoint(str) { var len = 0; for (let i = 0; i < str.length; i++) { //i在索引码元 if (is32bit(str, i)) { //当前字符串,在i这个位置,占用了两个码元 i++; } len++; } return len;}console.log("𠮷是否是32位的:", is32bit("𠮷", 0))console.log("ab𠮷ab的码点长度:", getLengthOfCodePoint("ab𠮷ab"))
更多的字符串API
以下均为字符串的实例(原型)方法
- includes
判断字符串中是否包含指定的子字符串
- startsWith
判断字符串中是否以指定的字符串开始
- endsWith
判断字符串中是否以指定的字符串结尾
- repeat
将字符串重复指定的次数,然后返回一个新字符串。
实例:
const text = "老李头快不行了"; console.log("是否包含“李”:", text.includes("李"));console.log("是否以“老”开头:", text.startsWith("老")); console.log("是否以“了”结尾:", text.endsWith("了")); console.log("重复4次:", text.repeat(4));
3-3. [扩展]正则中的粘连标记
标记名:y
含义:匹配时,完全按照正则对象中的lastIndex位置开始匹配,并且匹配的位置必须在lastIndex位置。
const text = "Hello World!!!";const reg = /W\w+/y;reg.lastIndex = 3;console.log("reg.lastIndex:", reg.lastIndex)console.log(reg.test(text))
模板字符串
ES6之前处理字符串繁琐的两个方面:
- 多行字符串
- 字符串拼接
在ES6中,提供了模板字符串的书写,可以非常方便的换行和拼接,要做的,仅仅是将字符串的开始或结尾改为 ` 符号
如果要在字符串中拼接js表达式,只需要在模板字符串中使用${JS表达式}
3-5. [扩展]模板字符串标记
在模板字符串书写之前,可以加上标记:
标记名`模板字符串`
标记是一个函数,函数参数如下:
- 参数1:被插值分割的字符串数组
- 后续参数:所有的插值
let love1 = "秋葵";let love2 = "香菜";let text = `老李喜欢${ love1}阿忠也喜欢${ love2}表达式可以是任何有意义的数据${ 1 + 3 * 2 / 0.5}表达式是可以嵌套的:${ `表达式中的模板字符串${ love1 + love2}`}\n\n········在模板字符串中使用\${ JS表达式}可以进行插值`;console.log(text);
发表评论
最新留言
路过,博主的博客真漂亮。。
[***.116.15.85]2025年03月10日 12时25分47秒
关于作者

喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
【论文泛读29】关系抽取:卷积神经网络的视角
2019-03-04
shell 中的 set命令 -e -o 选项作用
2019-03-04
Python中JSON的基本使用
2019-03-04
函数的默认参数值,即在定义参数的时候给它一个默认值
2019-03-04
c++流迭代器的一个错误和分析(第二段代码)
2019-03-04
ubuntu install baidu inputmethod
2019-03-04
程序员建议(忘记从哪里转的了,反正是csdn上的一个兄弟)
2019-03-04
电脑重装系统后提示invalid partition table怎么解决
2019-03-04
c++ primer 5th 练习11.9自己编写的答案
2019-03-04
web实现断点续传
2019-03-04
自定义BootstrapTable扩展:分页跳转到指定页码
2019-03-04
Python3逻辑运算符
2019-03-04
【学习笔记】欧拉函数,欧拉公式
2019-03-04
Python3序列
2019-03-04
vue-cli中找不到jquery的原因,以使用ztree为例
2019-03-04
React中设置404页面
2019-03-04
BootstrapValidator手动触发部分验证
2019-03-04
vue调试工具vue-devtools安装及使用
2019-03-04
CSS总结div中的内容垂直居中的四种方法
2019-03-04
[BZOJ4878]挑战NP-Hard
2019-03-04