利用JS如何计算字符串所占字节数示例代码

 更新时间:2017年09月13日 10:03:51   作者:Poetry  
因为最近项目有个需求要用js计算一串字符串写入到localStorage里所占的内存,所以便有了这篇文章,下面这篇文章主要给大家介绍了关于利用JS如何计算字符串所占字节数的相关资料,需要的朋友可以参考下。

前言

在工作中是不是经常会遇到字符串,但是要求控制字节数的需求?因为很多时候数据库中对字节数有控制,所以在前端过程中就需要判断一下,今天我们来分享一下。

本文主要给大家介绍了关于JS计算字符串所占字节数的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧。

示例代码

/**
 * 计算字符串所占的内存字节数,默认使用UTF-8的编码方式计算,也可制定为UTF-16
 * UTF-8 是一种可变长度的 Unicode 编码格式,使用一至四个字节为每个字符编码
 * 
 * 000000 - 00007F(128个代码)  0zzzzzzz(00-7F)        一个字节
 * 000080 - 0007FF(1920个代码)  110yyyyy(C0-DF) 10zzzzzz(80-BF)    两个字节
 * 000800 - 00D7FF 
 00E000 - 00FFFF(61440个代码) 1110xxxx(E0-EF) 10yyyyyy 10zzzzzz   三个字节
 * 010000 - 10FFFF(1048576个代码) 11110www(F0-F7) 10xxxxxx 10yyyyyy 10zzzzzz 四个字节
 * 
 * 注: Unicode在范围 D800-DFFF 中不存在任何字符
 * {@link http://zh.wikipedia.org/wiki/UTF-8}
 * 
 * UTF-16 大部分使用两个字节编码,编码超出 65535 的使用四个字节
 * 000000 - 00FFFF 两个字节
 * 010000 - 10FFFF 四个字节
 * 
 * {@link http://zh.wikipedia.org/wiki/UTF-16}
 * @param {String} str 
 * @param {String} charset utf-8, utf-16
 * @return {Number}
 */
  
 var sizeof = function(str, charset){
  var total = 0,
   charCode,
   i,
   len;
  charset = charset ? charset.toLowerCase() : '';
  if(charset === 'utf-16' || charset === 'utf16'){
   for(i = 0, len = str.length; i < len; i++){
    charCode = str.charCodeAt(i);
    if(charCode <= 0xffff){
     total += 2;
    }else{
     total += 4;
    }
   }
  }else{
   for(i = 0, len = str.length; i < len; i++){
    charCode = str.charCodeAt(i);
    if(charCode <= 0x007f) {
     total += 1;
    }else if(charCode <= 0x07ff){
     total += 2;
    }else if(charCode <= 0xffff){
     total += 3;
    }else{
     total += 4;
    }
   }
  }
  return total;
 }

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对脚本之家的支持。

相关文章

  • JS阻止事件冒泡的方法详解

    JS阻止事件冒泡的方法详解

    在本篇文章里小编给大家整理的是关于JS如何阻止事件冒泡的相关知识点内容,有需要的朋友们可以学习下。
    2019-08-08
  • 手机端js和html5刮刮卡效果

    手机端js和html5刮刮卡效果

    这篇文章主要为大家详细介绍了手机端js和html5刮刮卡效果,刮开之后是随机生成的8位码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • JavaScript日期选择功能示例

    JavaScript日期选择功能示例

    这篇文章主要介绍了JavaScript日期选择功能,结合实例形式分析了javascript日期与时间相关操作技巧,需要的朋友可以参考下
    2017-01-01
  • js获取鼠标点击的对象,点击另一个按钮删除该对象的实现代码

    js获取鼠标点击的对象,点击另一个按钮删除该对象的实现代码

    下面小编就为大家带来一篇js获取鼠标点击的对象,点击另一个按钮删除该对象的实现代码。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • JavaScript对象字面量和构造函数原理与用法详解

    JavaScript对象字面量和构造函数原理与用法详解

    这篇文章主要介绍了JavaScript对象字面量和构造函数,结合实例形式分析了JavaScript对象字面量和构造函数相关概念、原理、用法及操作注意事项,需要的朋友可以参考下
    2020-04-04
  • javascript汉字拼音互转的简单实例

    javascript汉字拼音互转的简单实例

    下面小编就为大家带来一篇javascript汉字拼音互转的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10
  • JS性能优化笔记搜索整理

    JS性能优化笔记搜索整理

    在网上搜索了下关于性能优化方面的内容,现简单整理可供大家在优化过程中使用,感兴趣的额朋友可以了解下
    2013-08-08
  • JS异步堆栈追踪之为什么await胜过Promise

    JS异步堆栈追踪之为什么await胜过Promise

    与直接使用Promise相比,使用async/await不仅可以使代码更具可读性,而且还可以在JavaScript引擎中实现一些有趣的优化。这篇文章是关于一个这样的优化,涉及异步代码的堆栈追踪。
    2021-04-04
  • js数值计算时使用parseInt进行数据类型转换(jquery)

    js数值计算时使用parseInt进行数据类型转换(jquery)

    这篇文章主要介绍了js数值计算时使用parseInt进行数据类型转换(jquery),需要的朋友可以参考下
    2014-10-10
  • 关于JS中的全等和不全等、等于和不等于问题

    关于JS中的全等和不全等、等于和不等于问题

    等号和非等号的同类运算符是全等号和非全等号。这两个运算符所做的与等号和非等号相同,只是它们在检查相等性前,不执行类型转换。接下来通过本文给大家介绍JS中的全等和不全等、等于和不等于,一起看看吧
    2021-09-09

最新评论