5個你不知道的JavaScript字符串處理庫

處理大小寫轉換，刪除字母符號，Unicode處理，URL處理等。

使用字符串多是一項繁瑣的任務，由於有許多不一樣的用例。例如，將字符串轉換爲駝峯大小寫這樣的簡單任務可能須要幾行代碼才能達到最終目標。

function camelize(str) {
  return str.replace(/(?:^\w|[A-Z]|\b\w|\s+)/g, function(match, index) {
    if (+match === 0) return ""; // or if (/\s+/.test(match)) for white spaces
    return index === 0 ? match.toLowerCase() : match.toUpperCase();
  });
}
複製代碼

上面的代碼片斷是 StackOverflow 中投票最多的答案。但這也沒有解決字符串爲 ----Foo----bAr----- 的狀況。

這是字符串處理庫能夠拯救的地方，它們使實現複雜的字符串操做變得容易，而且能夠考慮給定問題的全部可能用例。這對你有幫助，由於你只須要調用一個方法便可得到有效的解決方案。

讓咱們看一些JavaScript的字符串處理庫。

1. String.js

string.js，或者簡稱爲 S，是一個輕量級的JavaScript庫（壓縮後壓縮後小於5kb），用於瀏覽器或提供額外String方法的Node.js。

安裝

npm i string
複製代碼

值得注意的方法

between(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
複製代碼

你能夠在此處查看更多方法。

2. Voca

Voca是一個用於處理字符串的JavaScript庫。Voca庫提供有用的函數來使字符串操做變得輕鬆自如：更改大小寫，修飾，填充，彈化，拉丁化，sprintfy，截斷，轉義等等。模塊化設計容許加載整個庫或單個函數以最小化應用程序構建。該庫已通過全面測試，有據可查，並獲得長期支持。

安裝

npm i voca
複製代碼

值得注意的方法

Camel Case(String data)——將數據轉換爲駝峯格式。

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

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

v.camelCase('---Foo---bAr---');
// => 'fooBar'
複製代碼

Latinise(String data)——經過刪除變音符號來對數據進行拉丁化處理。

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

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

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

isAlphaDigit(String data)——檢查數據是否僅包含字母和數字字符。 （字母數字）

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

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

v.isAlphaDigit('40-20');
// => false
複製代碼

CountWords(String 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\}'
複製代碼

你能夠在此處查看更多信息。

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 是JavaScript的字符串操做擴展，能夠與或不與Underscore.js一塊兒使用。Underscore.string是一個JavaScript庫，用於溫馨地處理字符串，它是Prototype.js，Right.js和Underscore啓發的Underscore.js擴展。

Underscore.string爲你提供了幾個有用的功能：大寫、清除、包括、計數、escapeHTML、unescapeHTML、插入，拼接、startsWith、endsWith、標題化、修剪、截斷等。

安裝

npm install underscore.string
複製代碼

值得注意的方法

numberFormat(number)——格式化數字。將數字格式化爲帶小數點和順序分隔的字符串。

var _ = require("underscore.string");
_.numberFormat(1000, 3)
=> "1,000.000"
_.numberFormat(123456789.123, 5, '.', ',');
=> "123,456,789.12300"
複製代碼

chop(string, step)——將給定的字符串切成小塊。

var _ = require("underscore.string");
_.chop('whitespace', 3);
=> ['whi','tes','pac','e']
複製代碼

你能夠在此處查看更多信息。

5. Stringz

該庫的主要亮點是它支持unicode。若是運行如下代碼，則輸出爲2。

"🤔".length
// -> 2
複製代碼

這是由於 String.length() 返回字符串中的代碼單元數，而不是字符數。

你能夠在此處閱讀有關JavaScript unicode問題的更多信息。

安裝

npm install stringz
複製代碼

值得注意的方法

limit(string, limit, padString, padPosition)——將字符串限制爲給定的寬度。

const stringz = require('stringz');
// Truncate:
stringz.limit('Life’s like a box of chocolates.', 20); 
// "Life's like a box of"

// Pad:
stringz.limit('Everybody loves emojis!', 26, '💩'); 
// "Everybody loves emojis!💩💩💩"
stringz.limit('What are you looking at?', 30, '+', 'left'); 
// "++++++What are you looking at?"

// Unicode Aware:
stringz.limit('🤔🤔🤔', 2); 
// "🤔🤔"
stringz.limit('👍🏽👍🏽', 4, '👍🏽'); 
// "👍🏽👍🏽👍🏽👍🏽"
複製代碼

toArray(string)——將字符串轉換爲數組。

const stringz = require('stringz');
stringz.toArray('abc');
// ['a','b','c']
//Unicode aware
stringz.toArray('👍🏽🍆🌮');
// ['👍🏽', '🍆', '🌮']
複製代碼

要了解有關Stringz的更多信息，請在此處訪問其Github。

---

來源：blog.bitsrc.io，做者：Mahdhi Rezvi，翻譯：前端外文精選

本文首發於公衆號《前端外文精選》，關注後私信回覆：大禮包，送某網精品視頻課程網盤資料，準能爲你節省很多錢！