在前端开发中，我们经常需要将一组相关的值放在一个字符串中，例如 CSS 类名或者数据集。而这些值通常是用空格分隔的。为了方便操作这些值，npm 上有一个名为 space-separated-tokens 的包可以帮助我们将这些空格分隔的值转换成数组，并提供了一些常见的操作方法。
安装
使用 npm 安装 space-separated-tokens：
npm install space-separated-tokens --save
基本使用
假设我们有一个 CSS 类名字符串：
const classNames = 'button btn-primary';
我们可以使用 space-separated-tokens 将其转化为数组：
import { parse, stringify } from 'space-separated-tokens';
const classNamesArray = parse(classNames);
// => ['button', 'btn-primary']我们也可以将数组转化为类名字符串：
const classNamesString = stringify(classNamesArray); // => 'button btn-primary'
操作方法
除了基本的转化功能，space-separated-tokens 还提供了一些非常实用的操作方法。
add
向数组中添加新的值，如果该值已存在，则不会重复添加。
-- -------------------- ---- ------- ------ - --- - ---- ------------------------- --- --------------- - ------------------ --------------- - -------------------- ---------- -- -- ---------- -------------- --------- --------------- - -------------------- --------------- -- -- ---------- -------------- ---------
remove
从数组中移除指定的值。
-- -------------------- ---- ------- ------ - ------ - ---- ------------------------- --- --------------- - ------------------ --------------- - ----------------------- ---------- -- -- --------------- --------------- - ----------------------- -------------- -- -- ---------------
contains
判断数组中是否包含指定的值。
-- -------------------- ---- ------- ------ - -------- - ---- ------------------------- ----- --------------- - ------------------ ------------------------- ---------- -- -- ---- ------------------------- -------------- -- -- -----
总结
space-separated-tokens 是一个非常实用的工具，可以帮助我们处理空格分隔的字符串，并提供了一些方便的操作方法。在实际开发中，我们经常需要处理这样的字符串，因此掌握这个工具可以提高我们的开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/41758