JavaScript計算字符串實際長度方法示例
更新時間：2023年08月24日 11:40:54 作者：點墨
這篇文章主要為大家介紹了JavaScript計算字符串實際長度方法示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
計算字符串的實際長度
雙字節(jié)字符(包括漢字在內(nèi))長度計2,ASCII字符計1
方法1:使用match
export function getByteLenMatch(data) {
let result = 0;
for (let s of data) {
result += s.match(/[^\\x00-\\xff]/ig) == null ? 1 : 2;
}
return result;
}方法2:使用replace
export function getByteLenReplace(data) {
return data.replace(/[^\\x00-\\xff]/ig, "aa").length;
}測試代碼:
let testData = new Array(50000000).fill("哈").toString();
for (let i = 0; i < 3; i++) {
console.time("getByteLenMatch");
getByteLenMatch(testData);
console.timeEnd("getByteLenMatch");
console.time("getByteLenReplace");
getByteLenReplace(testData);
console.timeEnd("getByteLenReplace");
}性能比較(單位ms)
| 字符串長度 | match | replace |
|---|---|---|
| 50,000,000 | 8051 | 8626 |
| 50,000,000 | 9351 | 8019 |
| 50,000,000 | 10384 | 7512 |
| 10,000,000 | 1631 | 1783 |
| 10,000,000 | 1646 | 1343 |
| 10,000,000 | 1663 | 1372 |
| 5,000,000 | 799 | 728 |
| 5,000,000 | 822 | 806 |
| 5,000,000 | 884 | 645 |
| 1,000,000 | 165 | 128 |
| 1,000,000 | 166 | 143 |
| 1,000,000 | 170 | 113 |
| 500,000 | 84 | 58 |
| 500,000 | 83 | 54 |
| 500,000 | 86 | 61 |
| 100,000 | 20 | 7 |
| 100,000 | 18 | 5 |
| 100,000 | 20 | 5 |
| 50,000 | 11.79 | 3.01 |
| 50,000 | 10.39 | 2.68 |
| 50,000 | 11.99 | 2.82 |
| 10,000 | 4.13 | 0.60 |
| 10,000 | 4.32 | 0.59 |
| 10,000 | 5.48 | 0.58 |
| 5,000 | 1.88 | 0.31 |
| 5,000 | 1.36 | 0.33 |
| 5,000 | 2.71 | 0.31 |
| 1,000 | 1.67 | 0.07 |
| 1,000 | 0.21 | 0.07 |
| 1,000 | 1.02 | 0.06 |
| 500 | 0.0840 | 0.0322 |
| 500 | 0.0820 | 0.0332 |
| 500 | 0.0840 | 0.0320 |
| 100 | 0.0229 | 0.0100 |
| 100 | 0.0432 | 0.0149 |
| 100 | 0.0471 | 0.0161 |
在大數(shù)據(jù)量情況下，replace性能初次會劣于match，多次執(zhí)行后會優(yōu)于match，小數(shù)據(jù)量情況下，replace性能優(yōu)于match
以上就是JavaScript計算字符串實際長度方法示例的詳細內(nèi)容，更多關(guān)于JavaScript計算字符串長度的資料請關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
本篇文章要是對JS中的OffsetParent屬性進行了詳細的介紹，需要的朋友可以過來參考下，希望對大家有所 幫助2014-01-01
基于BootStrap與jQuery.validate實現(xiàn)表單提交校驗功能
學(xué)習(xí)前臺后臺最開始接觸的業(yè)務(wù)都是用戶注冊和登錄,下面通過本文給大家介紹BootStrap與jQuery.validate實現(xiàn)表單提交校驗功能，感興趣的朋友一起學(xué)習(xí)吧2016-12-12
CORS cross-origin resourse sharing跨域資源共享解決
這篇文章主要為大家介紹了CORS cross-origin resourse sharing跨域資源共享的解決方案詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-04-04
這篇文章主要介紹了微信小程序訂閱消息功能，本文給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-10-10
javascript cookie解碼函數(shù)（兼容ff）
javascript cookie解碼函數(shù)2008-03-03
這篇文章主要為大家詳細介紹了js手動播放圖片實現(xiàn)圖片輪播效果,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-09-09
這篇文章介紹了HTML中用JS實現(xiàn)旋轉(zhuǎn)的圣誕樹，文中通過示例代碼介紹的非常詳細。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-12-12
JS組件庫AlloyTouch實現(xiàn)圖片輪播過程解析
這篇文章主要介紹了JS組件庫AlloyTouch實現(xiàn)圖片輪播組件過程解析,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-05-05
在javascript中，replace方法是屬于String對象的，可用于替換字符串。今天我們就來詳細探討下一些replace()方法的使用2015-09-09
AutoJs4.4.1免費版快速接通vscode調(diào)試腳本的操作方法
這篇文章主要介紹了AutoJs4.4.1免費版快速接通vscode進行調(diào)試腳本,首先下載AutoJs并安裝，下載完成后，將2個apk文件拷貝到手機安裝即可，接下來需要安裝插件，本文分步驟給大家介紹的非常詳細，需要的朋友可以參考下2022-10-10