JavaScript計算字符串實(shí)際長度方法示例
更新時間：2023年08月24日 11:40:54 作者：點(diǎn)墨
這篇文章主要為大家介紹了JavaScript計算字符串實(shí)際長度方法示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
計算字符串的實(shí)際長度
雙字節(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計算字符串實(shí)際長度方法示例的詳細(xì)內(nèi)容，更多關(guān)于JavaScript計算字符串長度的資料請關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
本文簡單介紹動態(tài)加載、移除、替換js/css文件的示例代碼，代碼簡單易懂，非常不錯，具有參考借鑒加載，需要的朋友參考下吧2018-03-03
webpack-cli在webpack打包中的作用小結(jié)
webpack?是打包代碼時依賴的核心內(nèi)容，而?webpack-cli?是一個用來在命令行中運(yùn)行?webpack?的工具，那么webpack-cli在webpack打包中的作用是什么，本文就詳細(xì)的介紹一下，感興趣的可以了解一下2022-04-04
看到論壇的帖子，然后對靜態(tài)屬性和實(shí)例屬性有個新的認(rèn)識，做下記錄。2009-10-10
BootstrapTable加載按鈕功能實(shí)例代碼詳解
這篇文章主要介紹了BootstrapTable加載按鈕功能實(shí)例代碼詳解,需要的朋友可以參考下2017-09-09
這篇文章主要介紹了Javascript變量的作用域和作用域鏈詳解,本文用一個實(shí)例和運(yùn)行結(jié)果來講解這兩個知識,需要的朋友可以參考下2015-04-04
JavaScript中fromCharCode 和 fromCodePoint 的詳解與應(yīng)
本文將詳細(xì)介紹 JavaScript 中的 String.fromCharCode 和 String.fromCodePoint 方法,這兩個方法能夠幫助開發(fā)者高效地處理字符與編碼之間的轉(zhuǎn)換,理解它們的區(qū)別與應(yīng)用,將讓你的代碼更加靈活和高效,感興趣的朋友跟隨小編一起看看吧2024-12-12
這篇文章主要介紹了JavaScript函數(shù)的使用教程，JavaScript函數(shù)是被設(shè)計為執(zhí)行特定任務(wù)的代碼塊。JavaScript函數(shù)會在某代碼調(diào)用它時被執(zhí)行。文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-07-07
javascript每日必學(xué)之運(yùn)算符，javscript的邏輯中的正序，分支，循環(huán)以及一些簡單的運(yùn)算符，想要成為javascript大神的朋友不要錯過，閱讀一下2016-02-02
JavaScript模擬實(shí)現(xiàn)新浪下拉菜單效果
這篇文章主要為大家介紹了如何通過JavaScript模擬實(shí)現(xiàn)新浪的下拉菜單效果，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以動手試一試2022-03-03
這篇文章主要為大家詳細(xì)介紹了原生js+ajax分頁組件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-01-01