JavaScript字符串的长度问题

 更新时间:2023年02月10日 10:09:10   作者:误念  
这篇文章主要介绍了JavaScript字符串的长度问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

字符串的长度 length

描述:JavaScript提供了一系列方法,来帮助我们更好的使用字符串

1.测量字符串长度:length属性

描述:length属性返回字符串的长度和字符串的个数

语法:字符串变量名.length

    var i = "你好";
    var result = i.length;
    console.log(result);

2.字符索引:[]方法

描述:字符串后面接中括号,中括号中写数字,能够访问字符串中的所有个数

语法:字符串变量名[]

    var i = ["宝马","法拉利","兰博基尼"];
    var c = i[1];
    console.log(c);

3.获取指定位置字符:charAt()方法和CharCodeAt()方法

描述:charAt()方法和CharCodeAt()两者都是表示获取指定位置的字符

  • charAt()

描述:根据指定位置的索引返回具体的字符

    var i = 'niHaoWoShi';
    var j = i.charAt(2);
    console.log(i.charAt(2));
  • CharCodeAt()

描述:返回的是字符对应的Unicode编

注意:如果charCodeAt返回的值是:负数或大于字符串的长度则会返回的值是NaN

    var j = i.charCodeAt(2);
    console.log(j);

4.字符串连接:concat()方法

描述:concat()方法能够将多个字符串连接起来,合成一个新的字符串

语法:字符串变量1.concat(字符串变量2,字符串变量3);

    var str = 'niHaoWoShi';
    var str2 = 'hello';
    var str3 = 'sxt';
    var i = str.concat(str2,str3);
    console.log(i);

JavaScript字符串长度返回错误的原因

JavaScript 使用 Unicode 字符集。JavaScript 引擎内部,所有字符都用 Unicode 表示。

每个字符在 JavaScript 内部都是以16位(即2个字节)的 UTF-16 格式储存。也就是说,JavaScript 的单位字符长度固定为16位长度,即2个字节。

但是,UTF-16 有两种长度:对于码点在U+0000到U+FFFF之间的字符,长度为16位(即2个字节);对于码点在U+10000到U+10FFFF之间的字符,长度为32位(即4个字节)。

JavaScript 对 UTF-16 的支持是不完整的,由于历史原因,只支持两字节的字符,不支持四字节的字符。

'𝌆'.length // 2

上面代码中,JavaScript 认为𝌆的长度为2,而不是1。

总结一下,对于码点在U+10000到U+10FFFF之间的字符,JavaScript 总是认为它们是两个字符(length属性为2)。所以处理的时候,必须把这一点考虑在内,也就是说,JavaScript 返回的字符串长度可能是不正确的。

ES6加强了对unicode的支持,以前必须拆分成2个2字节unicode码表示的字符,现在可以用大括号括起来,直接用一个码点表示。

'\u{1F680}' === '\uD83D\uDE80'
// true

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • JS中判断null、undefined与NaN的方法

    JS中判断null、undefined与NaN的方法

    这篇文章主要介绍了JS中判断null、undefined与NaN的方法,需要的朋友可以参考下
    2014-03-03
  • JS中FormData类实现文件上传

    JS中FormData类实现文件上传

    这篇文章主要为大家详细介绍了JS中FormData类实现文件上传功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03
  • JavaScript对象解构的用法实例解析

    JavaScript对象解构的用法实例解析

    解构赋值允许你使用类似数组或对象字面量的语法将数组和对象的属性赋给各种变量,下面这篇文章主要给大家介绍了关于JavaScript对象解构用法的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-01-01
  • Bootstrap轮播图的使用和理解4

    Bootstrap轮播图的使用和理解4

    这篇文章主要为大家详细介绍了关于Bootstrap轮播图的使用和理解的学习记录,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • JavaScript防抖与节流的实现与注意事项

    JavaScript防抖与节流的实现与注意事项

    防抖和节流严格算起来应该属于性能优化的知识,但实际上遇到的频率相当高,处理不当或者放任不管就容易引起浏览器卡死,下面这篇文章主要给大家介绍了关于JavaScript防抖与节流的实现与注意事项,需要的朋友可以参考下
    2022-03-03
  • js函数setTimeout延迟执行的简单介绍

    js函数setTimeout延迟执行的简单介绍

    设置指定的JS函数在指定的时间后执行,可以利用setTimeout()函数。
    2013-07-07
  • js中判断控件是否存在

    js中判断控件是否存在

    在动态页面中,页面中包含一些动态产生的控件,在有些情况下需要判断动态生成的控件是否存在。
    2010-08-08
  • Web网站都变成灰色有哪些方法可以快速实现(解决方案)

    Web网站都变成灰色有哪些方法可以快速实现(解决方案)

    有些时候我们需要把网站页面变成黑白色或灰色,特别是对于一些需要悼念的日子,以及一些影响力很大的伟人逝世或纪念日的时候,都会让网站的全部网页变成灰色(黑白色),以表示我们对逝者或者英雄的缅怀和悼念
    2022-12-12
  • JS设计模式之观察者模式实现实时改变页面中金额数的方法

    JS设计模式之观察者模式实现实时改变页面中金额数的方法

    这篇文章主要介绍了JS设计模式之观察者模式实现实时改变页面中金额数的方法,结合实例形式对比分析了javascript基于观察者模式实时改变页面金额数的相关操作技巧,需要的朋友可以参考下
    2018-02-02
  • js根据后缀判断文件文件类型的代码

    js根据后缀判断文件文件类型的代码

    这篇文章主要介绍了js根据后缀判断文件文件类型的代码,原来是获取文件的扩展名然后再判断属于什么类型,对于图片多个后缀的判断的实现也不是不错的思路,大家可以参考一下
    2020-05-05

最新评论