在前端开发中，我们经常需要对文本或字符串进行各种操作，其中一项常见的任务是将一个字符串分割成具有固定长度的多个子字符串。例如，如果我们有一个标识为SSN（社会安全号码）的9位数字字符串，那么我们可能需要将其分成三个部分，并以特定的方式格式化它。
下面是实现此功能的几种方法，同时也解释了它们的优缺点和如何使用它们。
方法1：使用substring()方法
JavaScript字符串对象提供了substring()方法，该方法可从指定位置开始返回一个子字符串，直到另一个指定位置结束。我们可以使用这个方法来循环遍历原始字符串，每次取出固定数量的字符并将其存储到一个数组或新字符串中。
以下是一个简单的示例代码：
-- -------------------- ---- -------
-------- ---------------- -- -
--- ------ - --- -- -------
------- - - -- - - ----------- - -- -- -
---------------------------- - - ---- -- ---------------
-
------ -------
-
-- -----
--- --- - ------------
--- ----- - ---------------- ---
------------------- -- ------- ------ ------使用substring()方法的好处是它非常简单且易于理解，而且不需要引入额外的库或依赖项。但是，它的缺点是每次循环时都需要调用substring()方法，这可能会导致性能问题。
方法2：使用正则表达式
如果您熟悉正则表达式，那么您可能已经知道如何使用它们来将字符串分割成固定长度的子字符串。在这种情况下，我们可以使用match()方法和正则表达式模式来实现此目的。
以下是一个示例代码：
-- -------------------- ---- ------- -------- --------------------- -- - --- -- - --- ------------------- ----- -- ---------------- ------ -------------- -- ------------------ - -- ----- --- --- - ------------ --- ----- - --------------------- --- ------------------- -- ------- ------ ------
使用正则表达式的好处是可以非常方便地定义匹配模式，并且可以一次性处理整个字符串，从而获得更好的性能。但是，使用正则表达式也可能会导致一些复杂性和可读性问题，尤其是对于不太熟悉它们的开发人员。
方法3：使用Lodash库
Lodash是一个流行的JavaScript实用程序库，提供了许多有用的函数和工具，可用于简化和加速各种任务。其中一个函数是chunk()，它可以将一个数组或字符串分成固定大小的块，并返回一个包含这些块的新数组。
以下是一个使用Lodash库的示例代码：
import { chunk } from 'lodash';
let ssn = "123456789";
let parts = chunk(ssn.split(''), 3).map(arr => arr.join(''));
console.log(parts); // ["123", "456", "789"]使用Lodash的好处是它提供了许多实用程序函数和工具，可以大大简化和加速开发人员的工作。但是，引入Lodash库也会增加项目的依赖项和复杂性，并可能影响加载时间和性能。
结论
在本文中，我们介绍了JavaScript中将字符串按N个字符分割的三种方法：使用substring()方法、使用正则表达式
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/29483