ES6-字符串方法及其实现

如题所述

第1个回答  2022-07-02

模板字符串替换 + 操作符,来拼接字符串,并且支持换行:

标签模板

标签模板其实不是模板,而是函数调用的一种特殊形式。“标签”指的就是函数,紧跟在后面的模板字符串就是它的参数。

如果模板字符里面有变量,就不是简单的调用了,而是会将模板字符串先处理成多个参数,再调用函数。

String.raw() 是一个 模板字符串 的标签函数,它的作用类似于 Python 中的字符串前缀 r ,通常使用标签模板的形式( String.raw模板字符串 ),返回值是 自动转义 的字符串:

​ Polyfill:

repeat 方法返回一个新字符串,表示将原字符串重复 n 次。语法:

如果某个字符串不够指定长度,会在头部或尾部补全。 padStart() 用于头部补全, padEnd() 用于尾部补全。

trimLeft() 是 trimStart() 的别名, trimRight() 是 trimEnd() 的别名。

除了空格键,对字符串头部(或尾部)的 tab 键、换行符等不可见的空白符号也有效。

substring() 方法返回一个字符串在开始索引到结束索引之间的一个子集, 或从开始索引直到字符串的末尾的一个子集。返回新的字符串,不改变原来的字符串

str.substring(indexStart[, indexEnd]) : indexStart需要截取的第一个字符的索引,该字符作为返回的字符串的首字母。indexEnd]可选 ,一个 0 到字符串长度 之间的整数,以该数字为索引的字符 不包含 在截取的字符串内。 左闭右开

slice() 方法提取某个字符串的一部分,并返回一个新的字符串,且不会改动原字符串。

str.slice(beginIndex[, endIndex]) 参数和substring一样,只不过有差异。和上面方式对比:

可见 slice 方式的索引是可以倒数的, 强烈推荐 使用 slice 方式截取字符串更好理解,不易出错。

其实JS中截取字符串,方法有很多: substr(淘汰,不推荐) 、 substring 、 slice ,推荐使用 slice 方式。