0

0

JavaScript字符串类型常用属性与方法的操作细节

舞夢輝影

舞夢輝影

发布时间:2026-03-16 16:37:03

|

763人浏览过

|

来源于php中文网

原创

JavaScript字符串为原始类型且不可变,方法调用时自动包装;length返回UTF-16编码单元数,非用户感知字符数,代理对(如emoji)会返回2;应使用[...str].length或Array.from(str).length获取真实字符数。

javascript字符串类型常用属性与方法的操作细节

JavaScript字符串是原始类型,但能直接调用方法(引擎自动包装为String对象),所有操作均不修改原字符串(字符串不可变)。

length属性:获取真实字符数(注意Unicode代理对)

length返回UTF-16编码单元个数,非用户感知的“字符数”。遇到emoji或部分中文生僻字(如U+1F926‍♂️、?)可能返回2,因它们由两个16位码元组成(代理对)。

  • 普通英文、数字、ASCII汉字:length = 字符数
  • 含emoji或扩展Unicode字符时,建议用[...str].lengthArray.from(str).length获取实际字符数
  • 避免用str.length做截断逻辑的唯一依据,否则可能切在代理对中间,产生

charAt() 与 charCodeAt():安全访问单个码元

两者都按UTF-16索引操作,索引超出范围时返回空字符串或NaN,不会报错。

  • str.charAt(0) 返回索引处的单字符字符串(始终是长度为1的字符串)
  • str.charCodeAt(0) 返回该位置UTF-16码元值(0–65535),对代理对高位返回高代理项,低位返回低代理项
  • 需获取完整Unicode字符码点时,应使用str.codePointAt(0)(支持代理对,返回正确码点如0x1F926)

substring()、slice()、substr():三者截取逻辑差异明显

它们都不修改原串,返回新字符串;但参数处理和负数行为不同,易混淆。

立即学习Java免费学习笔记(深入)”;

米粿AI
米粿AI

AI辅助动漫创作工具,专为专业漫画师和动画制作团队设计

下载
  • substring(start, end):自动交换大小顺序(substring(3,1) === substring(1,3)),负数转0
  • slice(start, end):支持负数(从末尾计数,slice(-3)取后3个),不交换顺序,越界静默处理
  • substr(start, length):第二个参数是**长度**而非结束索引;已废弃,不应在新代码中使用

includes()、startsWith()、endsWith():区分大小写且支持起始位置

三者均为ES6新增,返回布尔值,语法简洁,但默认区分大小写,且都支持第三个可选参数(仅对startsWithendsWith有效,指定搜索起始/结束位置)。

  • "Hello".includes("ll") → true"Hello".includes("LL") → false
  • "Hello".startsWith("He", 1) → false(从索引1开始检查,实际检查的是"ello"是否以"He"开头)
  • "Hello".endsWith("lo", 4) → true(只检查前4个字符"Hell"是否以"lo"结尾)
  • 如需忽略大小写,先转同一种大小写:str.toLowerCase().includes(search.toLowerCase())

replace() 与 replaceAll():正则与全局替换的关键区别

replace() 默认只替换第一个匹配项;若传入字符串目标,永远只换一次;若传入正则且无g标志,也只换第一个。

  • "aabbcc".replace("b", "_") → "aa_bcc"
  • "aabbcc".replace(/b/g, "_") → "aa__cc"
  • "aabbcc".replaceAll("b", "_") → "aa__cc"(ES2021新增,字符串目标即全局替换,无需正则)
  • 注意:replaceAll() 对字符串目标要求严格相等,不支持正则标志(如i),如需忽略大小写全局替换,仍须用replace(/b/gi, "_")

split():分隔符为空字符串时的特殊行为

str.split("") 将字符串拆为单字符数组,但同样受UTF-16限制——代理对会被拆成两个元素。

  • "?‍?".split("") → ["", ""](错误拆分)
  • 安全做法:[...str]Array.from(str),它们按Unicode字符分割,正确处理代理对和组合字符
  • split(separator, limit)limit参数控制结果数组最大长度,超出部分被丢弃

字符串操作看似简单,但Unicode、不可变性、方法边界行为这些细节稍不注意就会引发隐性bug。掌握各方法的“默认假设”和“失效场景”,比记住语法更重要。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

WorkBuddy
WorkBuddy

腾讯云推出的AI原生桌面智能体工作台

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
es6新特性
es6新特性

es6新特性有:1、块级作用域变量;2、箭头函数;3、模板字符串;4、解构赋值;5、默认参数;6、 扩展运算符;7、 类和继承;8、Promise。本专题为大家提供es6新特性的相关的文章、下载、课程内容,供大家免费下载体验。

106

2023.07.17

es6新特性有哪些
es6新特性有哪些

es6的新特性有:1、块级作用域;2、箭头函数;3、解构赋值;4、默认参数;5、扩展运算符;6、模板字符串;7、类和模块;8、迭代器和生成器;9、Promise对象;10、模块化导入和导出等等。本专题为大家提供es6新特性的相关的文章、下载、课程内容,供大家免费下载体验。

197

2023.08.04

JavaScript ES6新特性
JavaScript ES6新特性

ES6是JavaScript的根本性升级,引入let/const实现块级作用域、箭头函数解决this绑定问题、解构赋值与模板字符串简化数据处理、对象简写与模块化提升代码可读性与组织性。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

234

2025.12.24

string转int
string转int

在编程中,我们经常会遇到需要将字符串(str)转换为整数(int)的情况。这可能是因为我们需要对字符串进行数值计算,或者需要将用户输入的字符串转换为整数进行处理。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

1071

2023.08.02

js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

761

2023.08.03

js截取字符串的方法
js截取字符串的方法

js截取字符串的方法有substring()方法、substr()方法、slice()方法、split()方法和slice()方法。本专题为大家提供字符串相关的文章、下载、课程内容,供大家免费下载体验。

221

2023.09.04

java基础知识汇总
java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友,请阅读本专题下面的的有关文章,欢迎大家来php中文网学习。

1570

2023.10.24

字符串介绍
字符串介绍

字符串是一种数据类型,它可以是任何文本,包括字母、数字、符号等。字符串可以由不同的字符组成,例如空格、标点符号、数字等。在编程中,字符串通常用引号括起来,如单引号、双引号或反引号。想了解更多字符串的相关内容,可以阅读本专题下面的文章。

651

2023.11.24

minimax入口地址汇总
minimax入口地址汇总

本专题整合了minimax相关入口合集,阅读专题下面的文章了解更多详细地址。

3

2026.03.16

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 6.1万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 3.5万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.6万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号