ES6-字符串方法及其实现

Posted 2023-03-08

参考技术A

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

标签模板 ：

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

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

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 方式。