在前端开发的过程中，我们经常需要对字符串进行分割操作。而在 JavaScript 中，字符串的分割函数是 split。但是当我们需要分割的依据不是固定字符时，该如何操作呢？这时，我们可以使用一个 npm 包——split-by。
什么是 split-by？
split-by 是一个 npm 包，可以通过 npm 安装：
npm install split-by --save
它的作用是将一个字符串按照指定的分隔符进行分割。与 split 不同的是，split-by 支持字符串、函数和正则表达式作为分隔符，并且可以保留分隔符或去除分隔符。
使用示例
下面是一个使用示例：
const splitBy = require('split-by')
const str = 'hello,world!nice|to meet,you'
const res = splitBy(str, [',', '!', '|'], true)
console.log(res)输出：
['hello', ',', 'world', '!', 'nice', '|', 'to meet', ',', 'you']
从上面的示例中我们可以看到，该函数接受三个参数：
- 第一个参数是需要分割的字符串。
- 第二个参数是分隔符。可以是字符串、函数或正则表达式，也可以是一个数组，表示可以有多种不同的分隔符。
- 第三个参数是一个布尔值，表示是否保留分隔符。如果为 true，则保留分隔符；否则去除分隔符，默认为 false。
常见用例
1. 将字符串按照多个分隔符进行分割
const splitBy = require('split-by')
const str = 'hello,world!nice|to meet,you'
const res = splitBy(str, [',', '!', '|'])
console.log(res)输出：
['hello', 'world', 'nice', 'to meet', 'you']
2. 保留分隔符
const splitBy = require('split-by')
const str = 'hello,world!nice|to meet,you'
const res = splitBy(str, [',', '!', '|'], true)
console.log(res)输出：
['hello', ',', 'world', '!', 'nice', '|', 'to meet', ',', 'you']
3. 自定义分隔符
-- -------------------- ---- -------
----- ------- - -------------------
----- --- - -------------------- ---------
----- --- - ------------ ------------ -- -
-- --- --- --- -- - - - --- -- -
------ ----
-
-- --- --- --- -- - - - --- -- -
------ ----
-
--
----------------输出：
['hello', '@', 'world', '@', 'nice', '|', 'to meet,you']
4. 去除空白字符串
const splitBy = require('split-by')
const str = 'hello,world! nice|to meet,you'
const res = splitBy(str, [',', '!', '|']).filter(item => item.trim())
console.log(res)输出：
['hello', 'world', 'nice', 'to meet', 'you']
总结
在字符串分割时，split-by 是一个功能强大、易用的选择。它可以满足大多数分割字符串的需求，并支持复杂的分隔符处理。当我们需要进行字符串分割时，可以考虑使用 split-by 这个 npm 包。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600670a48ccae46eb111f0ef