文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

JavaScript字符串的长度问题

2023-02-10 12:01

关注

字符串的长度 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()两者都是表示获取指定位置的字符

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

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

描述:返回的是字符对应的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

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持编程网。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯