5 个 JavaScript 的字符操作库

Kim Yang 9/3/2021 JavaScript

处理字符串可能是一项繁琐的任务，因为我们需要考虑许多不同的用例。举例来说，像将字符串转为驼峰格式这样简单的任务就需要好几行代码来实现。

function camelize(str) {
  return str.replace(/(?:^\w|[A-Z]|\b\w|\s+)/g, function (match, index) {
    if (+match === 0) return ""; // 或 if (/\s+/.test(match)) 来匹配空白字符
    return index === 0 ? match.toLowerCase() : match.toUpperCase();
  });
}

上方的代码片段是在 Stack Overflow 中最受好评的答案。然而，它无法解决字符串中包含 ---Foo---bAr--- 的用例。

运行结果

这时字符串处理库就派上用场了。这些库考虑了给定问题的每一种可能的用例，使得复杂字符串操作的实现变得简单。这对你很有帮助，因为你只需要调用一个函数就能得到有效的解决方案。

让我们看看几个 JavaScript 中的几个字符串处理库。

# 1. String.js

String.js（简称为 S）是一个为浏览器或 Node.js 提供额外字符串操作方法的轻量级（压缩后大小小于 5 kB）JavaScript 库。

# 安装方式

npm i string

# 值得注意的方法

between(left, right) —— 提取 left 和 right 字符串之间的所有字符。

这个方法可以用于提取 HTML 标签之间的元素。

var S = require("string");
S("<a>This is a link</a>").between("<a>", "</a>").s;
// => 'This is a link'

camelize() —— 去除所有的下划线和破折号，并将字符串转为驼峰格式。

这个方法可以用来解决这篇文章开头时的问题。

var S = require("string");
S("---Foo---bAr---").camelize().s;
// => 'fooBar'

humanize() —— 将输入转为人性化的形式。

从无到有地实现这个函数必定需要相当多行的代码。

var S = require("string");
S("   capitalize dash-CamelCase_underscore trim  ").humanize().s;
// => 'Capitalize dash camel case underscore trim'

stripPunctuation() —— 去除给定字符串的所有标点符号。

如果你从头开始实现这个函数，那么你很可能会错过某个标点符号。

var S = require("string");
S("My, st[ring] *full* of %punct)").stripPunctuation().s;
// => 'My string full of punct'

你可以在这里 (opens new window)查看更多的方法。

# 2. Voca

Voca 是一个 JavaScript 字符串操作库。这个库包含了更改大小写，修剪，填充，生成 slug，拉丁化，sprintf 格式化，截断，转义和其他有用的字符串操作方法。为了减少应用程序的构建，Voca 的模块化构建允许你只载入特定的功能。该库已经过全面的测试，文档完整，且提供长期的支持。

# 安装方式

npm i voca

# 值得注意的方法

camelCase(String data)

将 data 转为驼峰格式。

var v = require("voca");
v.camelCase("foo Bar");
// => 'fooBar'

v.camelCase("FooBar");
// => 'fooBar'

v.camelCase("---Foo---bAr---");
// => 'fooBar'

latinise(String data)

通过删除变音符号来拉丁化 data。

var v = require("voca");
v.latinise("cafe\u0301"); // or 'café'
// => 'cafe'

v.latinise("août décembre");
// => 'aout decembre'

v.latinise("как прекрасен этот мир");
// => 'kak prekrasen etot mir'

isAlphaDigit(String data)

检查 data 是否只包含字母和数字字符（文数字字符串）。

var v = require("voca");
v.isAlphaDigit("year2020");
// => true

v.isAlphaDigit("1448");
// => true

v.isAlphaDigit("40-20");
// => false

countWords(String data)

计算 data 中的单词数。

var v = require("voca");
v.countWords("gravity can cross dimensions");
// => 4

v.countWords("GravityCanCrossDimensions");
// => 4

v.countWords("Gravity - can cross dimensions!");
// => 4

escapeRegExp(String data)

转义正则表达式中的特殊字符 —— - [ ] / { } ( ) * + ? . \ ^ $ |。

var v = require("voca");
v.escapeRegExp("(hours)[minutes]{seconds}");
// => '\(hours\)\[minutes\]\{seconds\}'

你可以在此处 (opens new window)查看更多的信息。

# 3. Anchorme.js

这是一个小巧且快速的 JavaScript 库。它能帮助你检测链接、URL、电邮地址等，并将它们转为可点击的 HTML 锚链接。

高敏感度，低误报率。
根据完整的 IANA（互联网号码分配局）列表验证 URL 和电邮地址。
验证端口号（如有）。
验证 IP 地址（如有）。
可检测非拉丁字母的 URL。

# 安装方式

npm i anchorme

# 用法

import anchorme from "anchorme";
// 或
// var anchorme = require("anchorme").default;

const input = "some text with a link.com";
const resultA = anchorme(input);
// => 'some text with a <a href="http://link.com">link.com</a>'

你可以传入额外的扩展来进一步地自定义这个功能。

# 4. Underscore.string

Underscore.string (opens new window) 是 JavaScript 字符串操作扩展，你可以将它与 Underscore.js 配合使用。Underscore.string 是 Underscore.js 的扩展，受 Prototype.js (opens new window)，Right.js (opens new window) 和 Underscore (opens new window) 所启发。这个 JavaScript 库能让你「惬意的」操作字符串。

Underscore.string 为你提供了几个有用的功能，例如：capitalize，clean，includes，count，escapeHTML，unescapeHTML，insert，splice，startsWith，endsWith，titleize，trim，truncate 等等。

# 安装方式

npm install underscore.string

# 值得注意的方法

numberFormat(number) —— 格式化数字。

将数字格式化为带有小数点和万位分隔符的字符串。

var _ = require("underscore.string");

_.numberFormat(1000, 3);
// => "1,000.000"

_.numberFormat(123456789.123, 5, ".", ",");
// => "123,456,789.12300"

levenshtein(string1, string2) —— 计算两个字符串的莱文斯坦距离。

你可以在此处 (opens new window)了解更多有关莱文斯坦距离算法的信息。

var _ = require("underscore.string");

_.levenshtein("kitten", "kittah");
// => 2

chop(string, step) —— 将指定字符串切成多段。

_.chop("whitespace", 3);
// => ['whi','tes','pac','e']

_.chop("whitespace", 3);
// => ['whi','tes','pac','e']

你可以在此处 (opens new window)了解更多有关 Underscore String 的信息。

# 5. Stringz

这个库的主要亮点在于它可以识别 Unicode。如果你运行以下的代码，输出会是 2。

"🤔".length;
// => 2

这是因为 String.length() 回传的是字符串中的代码单元数，而不是字符数。实际上，在 010000 至 03FFFF 和 040000 至 10FFFF 区间中的字符需要 4 个字节（32 位），1 个码位来表示。这对结果毫无影响。然而，有些字符需要超过 2 个字节来表示，一次他们需要 1 个以上的码位。

你可以在此处 (opens new window)阅读更多有关 JavaScript Unicode 的问题。

# 安装方式

npm install stringz

# 值得注意的方法

limit(string, limit, padString, padPosition)

将字符串长度限制在给定长度内。

const stringz = require("stringz");

// 截断：
stringz.limit("Life’s like a box of chocolates.", 20);
// => "Life's like a box of"

// 填充：
stringz.limit("Everybody loves emojis!", 26, "💩");
// => "Everybody loves emojis!💩💩💩"
stringz.limit("What are you looking at?", 30, "+", "left");
// => "++++++What are you looking at?"

// 可识别 unicode
stringz.limit("🤔🤔🤔", 2);
// => "🤔🤔"
stringz.limit("👍🏽👍🏽", 4, "👍🏽");
// => "👍🏽👍🏽👍🏽👍🏽"

toArray(string)

将字符串转为数组：

const stringz = require("stringz");

stringz.toArray("abc");
// ['a','b','c']

// 可识别 unicode
stringz.toArray("👍🏽🍆🌮");
// ['👍🏽', '🍆', '🌮']

欲了解更多关于 Stringz 的信息，请访问 Stringz 的 Github 仓库 (opens new window)。

原文地址：5 String Manipulation Libraries for JavaScript (opens new window)
原文作者：Mike Chen (opens new window)
译文出自：掘金翻译计划 (opens new window)
本文永久链接：https://github.com/xitu/gold-miner/blob/master/article/2021/5-string-manipulation-libraries-for-javascript.md (opens new window)
译者：jaredliw (opens new window)
校对者：KimYangOfCat (opens new window)

Kim's Blog

Choose mode