ES6-字符串方法及其实现

一、ES6-字符串方法及其实现

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

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

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

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

5、 repeat方法返回一个新字符串，表示将原字符串重复 n次。语法：

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

7、 trimLeft()是 trimStart()的别名， trimRight()是 trimEnd()的别名。

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

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

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

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

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

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

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

二、3个 JavaScript 字符串截取方法

1、

在 JavaScript的世界里，字符串处理是日常编程中不可或缺的一部分。有三种强大的工具——substring()、substr()和 slice()，它们各自拥有独特的功能，帮助我们精准地截取字符串内容。

2、在 JavaScript的世界里，字符串处理是日常编程中不可或缺的一部分。有三种强大的工具——substring()、substr()和 slice()，它们各自拥有独特的功能，帮助我们精准地截取字符串内容。

3、 substring()，如同一把灵活的剪刀，它的语法是：str.substring(indexStart[, indexEnd])。这个方法从指定的 indexStart开始，截取到 indexEnd（非包含）位置的子串。例如，当处理字符串"深耕WEB开发10+年，拥有一颗工匠的心"时，str.substring(7)会返回"10+年，拥有一颗工匠的心"，而 str.substring(0, 5)则截取"深耕WEB"。值得注意的是，如果起始位置大于结束位置，它们会自动交换位置。

4、 substr()方法则更为精确，它基于字符位置截取指定长度的子串，语法是：str.substr(start[, length])。例如，str.substr(1, 4)会从第二个字符开始截取长度为 4的子串，即"耕WEB"。值得注意的是，substr()在长度超过字符串长度时会截取至字符串末尾，且接受负数参数从末尾开始计数。

5、 slice()是 ES6新增的方法，与 substring()类似，但支持负数参数。它的语法为：str.slice(startIndex, endIndex)。如 str.slice(7)和 substring()的行为一致，而 str.slice(5, 5)则返回空字符串，因为起始位置和结束位置相同。slice()方法在处理负数参数时，会从字符串的尾部开始计算。

6、

尽管substr()仍然存在，但由于其特有的参数处理和返回值特性，推荐在大多数情况下使用 substring()，因为它更直观且易于理解。而slice()，尽管功能类似，但它的灵活性使得在处理字符串切片时更加方便。

7、尽管substr()仍然存在，但由于其特有的参数处理和返回值特性，推荐在大多数情况下使用 substring()，因为它更直观且易于理解。而slice()，尽管功能类似，但它的灵活性使得在处理字符串切片时更加方便。

8、

在实际开发中，选择合适的方法进行字符串截取，不仅能够提高代码的可读性和效率，还能减少潜在的错误。熟练掌握这三种方法，将使你更自如地在 JavaScript的字符串海洋中穿梭。

9、在实际开发中，选择合适的方法进行字符串截取，不仅能够提高代码的可读性和效率，还能减少潜在的错误。熟练掌握这三种方法，将使你更自如地在 JavaScript的字符串海洋中穿梭。

三、es6前端项目数组如何转换成字符串

1、join()方法将数组中的所有元素转换为字符串，将其连接在一起，并返回最终生成的字符串。默认情况下，元素之间使用逗号进行分隔，但可以通过传递参数来指定分隔符。

2、toString()方法将数组转换为字符串，并返回该字符串。与join()方法不同的是，toString()方法不允许指定分隔符。数组中的元素将使用逗号进行分隔。

3、JSON.stringify()方法将 JavaScript值转换为 JSON字符串。该方法可以将数组转换为字符串，并返回该字符串。JSON字符串的格式是严格的，因此不允许指定分隔符。

4、如果以上方法无法满足需求，也可以自定义转换方法。例如，可以使用reduce()方法将数组中的元素连接在一起。在此方法中，需要指定一个初始值，并在每次迭代中将元素添加到字符串中。