5個JavaScript的字符串處理庫
使用字符串可能是一項繁瑣的任務,因為有許多不同的用例。例如,將字符串轉換為駝峰大小寫這樣的簡單任務可能需要幾行代碼才能達到最終目標。
- 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。
(1) 安裝:
- npm i string
(2) 值得注意的方法:
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
https://vocajs.com
Voca是一個用于處理字符串的JavaScript庫。Voca庫提供有用的函數來使字符串操作變得輕松自如:更改大小寫,修飾,填充,彈化,拉丁化,sprintfy,截斷,轉義等等。模塊化設計允許加載整個庫或單個函數以最小化應用程序構建。該庫已經過全面測試,有據可查,并得到長期支持。
(1) 安裝
- npm i voca
(2) 值得注意的方法
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
https://alexcorvi.github.io/anchorme.js/
這是一個微型快速Javascript庫,可幫助檢測文本中的鏈接/ URL /電子郵件,并將其轉換為可單擊的HTML錨鏈接。
- 它的靈敏度高,誤報率最低。
- 它根據完整的IANA列表驗證URL和電子郵件。
- 驗證端口號(如果有)。
- 驗證IP八位字節號(如果存在)。
- 適用于非拉丁字母URL。
(1) 安裝
- npm i anchorme
(2) 使用
- 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
http://gabceb.github.io/underscore.string.site/
Underscore.string 是JavaScript的字符串操作擴展,可以與或不與Underscore.js一起使用。Underscore.string是一個JavaScript庫,用于舒適地處理字符串,它是Prototype.js,Right.js和Underscore啟發的Underscore.js擴展。
Underscore.string為你提供了幾個有用的功能:大寫、清除、包括、計數、escapeHTML、unescapeHTML、插入,拼接、startsWith、endsWith、標題化、修剪、截斷等。
(1) 安裝
- npm install underscore.string
(2) 值得注意的方法
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() 返回字符串中的代碼單元數,而不是字符數。
(1) 安裝
- npm install stringz
(2) 值得注意的方法
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。