JavaScript计算字符串实际长度方法示例
更新时间：2023年08月24日 11:40:54 作者：点墨
这篇文章主要为大家介绍了JavaScript计算字符串实际长度方法示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
计算字符串的实际长度
双字节字符(包括汉字在内)长度计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 |
在大数据量情况下，replace性能初次会劣于match，多次执行后会优于match，小数据量情况下，replace性能优于match
以上就是JavaScript计算字符串实际长度方法示例的详细内容，更多关于JavaScript计算字符串长度的资料请关注脚本之家其它相关文章！
相关文章
本文简单介绍动态加载、移除、替换js/css文件的示例代码，代码简单易懂，非常不错，具有参考借鉴加载，需要的朋友参考下吧2018-03-03
webpack 是打包代码时依赖的核心内容，而 webpack-cli 是一个用来在命令行中运行 webpack 的工具，那么webpack-cli在webpack打包中的作用是什么，本文就详细的介绍一下，感兴趣的可以了解一下2022-04-04
看到论坛的帖子，然后对静态属性和实例属性有个新的认识，做下记录。2009-10-10
这篇文章主要介绍了BootstrapTable加载按钮功能实例代码详解,需要的朋友可以参考下2017-09-09
这篇文章主要介绍了Javascript变量的作用域和作用域链详解,本文用一个实例和运行结果来讲解这两个知识,需要的朋友可以参考下2015-04-04
JavaScript中fromCharCode 和 fromCodePoint 的详解与应
本文将详细介绍 JavaScript 中的 String.fromCharCode 和 String.fromCodePoint 方法,这两个方法能够帮助开发者高效地处理字符与编码之间的转换,理解它们的区别与应用,将让你的代码更加灵活和高效,感兴趣的朋友跟随小编一起看看吧2024-12-12
这篇文章主要介绍了JavaScript函数的使用教程，JavaScript函数是被设计为执行特定任务的代码块。JavaScript函数会在某代码调用它时被执行。文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-07-07
javascript每日必学之运算符，javscript的逻辑中的正序，分支，循环以及一些简单的运算符，想要成为javascript大神的朋友不要错过，阅读一下2016-02-02
这篇文章主要为大家介绍了如何通过JavaScript模拟实现新浪的下拉菜单效果，文中的示例代码讲解详细，感兴趣的小伙伴可以动手试一试2022-03-03
这篇文章主要为大家详细介绍了原生js+ajax分页组件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-01-01
最新评论