讲师中心 微信公众号
AI工具推荐 视频效率加速

javascript字符串方法有哪些_如何操作和格式化文本

冬明同学_4169

冬明同学_4169

发布时间:2026-01-15 20:40:38

|

1042人浏览过

|

来源于php中文网

原创

JavaScript字符串方法的核心是理解其不可变性、replace的默认非全局特性、slice/substring/substr的参数差异,以及优先使用模板字面量和Intl API进行格式化。

javascript字符串方法有哪些_如何操作和格式化文本

JavaScript 字符串方法不是“一堆可选工具”,而是你每天处理文本时实际依赖的底层能力——多数问题不在于“有哪些”,而在于哪些该用、哪些别碰、哪些在特定场景下会悄悄出错

字符串不可变,所有方法都返回新字符串

这是几乎所有误用的根源。调用 str.toUpperCase()str.replace() 不会修改原变量,而是生成副本。

  • 错误写法:
    let s = "hello";
    s.toUpperCase(); // 返回 "HELLO",但 s 还是 "hello"
    console.log(s); // 输出 "hello"
  • 正确写法:
    let s = "hello";
    s = s.toUpperCase(); // 显式赋值
    console.log(s); // 输出 "HELLO"
  • ES6+ 中更安全的做法是声明为 const,强制你意识到不可变性:
    const s = "hello";
    const upper = s.toUpperCase(); // 清晰表达意图

replace() 只替换第一个匹配,全局要用正则

很多人以为 "a a a".replace("a", "x") 会变成 "x x x",结果只变第一个 —— 因为字符串参数触发的是字面量匹配,且默认非全局。

  • 只换第一个(字符串参数):
    "a a a".replace("a", "x"); // "x a a"
  • 全局替换(正则 + g 标志):
    "a a a".replace(/a/g, "x"); // "x x x"
  • 忽略大小写 + 全局:
    "A a a".replace(/a/gi, "x"); // "x x x"
  • 注意:正则中特殊字符需转义,比如想替换点号 .,得写 /\./g,否则 . 匹配任意字符

slice()substring()substr() 的关键区别

三者都截取子串,但参数逻辑和边界行为完全不同,混用容易导致索引偏移或意外截断。

Alibabacloud Sdk Client Initialization For Java
Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

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

  • slice(start, end):支持负数索引(从末尾算),end 不包含,超出范围不报错:
    "hello".slice(-3); // "llo"
    "hello".slice(1, 3); // "el"
  • substring(start, end):自动交换大小顺序(substring(3, 1) === substring(1, 3)),不支持负数(负数转为 0):
    "hello".substring(3, 1); // "el"
    "hello".substring(-1, 2); // "he"(-1 → 0)
  • substr(start, length)已废弃,不要在新代码中使用;第二个参数是长度而非结束位置:
    "hello".substr(1, 3); // "ell"

格式化文本优先用模板字面量,而不是拼接或 concat()

concat() 是历史遗留方法,性能无优势,可读性差;手动拼接 + 在复杂场景易出错;现代 JS 应直接用模板字面量(`)。

  • 避免:
    "Hello " + name + ", you have " + count + " messages."; // 容易漏空格、引号嵌套乱
  • 推荐:
    `Hello ${name}, you have ${count} messages.`; // 清晰、支持多行、可嵌入表达式
  • 需要动态格式化数字/日期?别手写逻辑,用 Intl API:
    `Price: ${price.toLocaleString('en-US', { style: 'currency', currency: 'USD' })}`;

真正难的不是记住所有方法名,而是理解每个方法的边界行为:比如 trim() 只清空格和 Unicode 空白字符,对全角空格无效;includes() 区分大小写;split("") 在含 emoji 或代理对的字符串里可能切错位置。这些细节不查文档、不实测,光靠“大概记得”很容易在线上环境突然暴露。

相关文章

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

Lovart
Lovart Hot

一款面向视觉设计创作的AI设计平台,可通过智能体和画布工作流辅助制作海报、Logo、网页、PPT及其他视觉内容。

SkildArt
SkildArt Hot

SkildArt是一款AI文本写作工具,一站式 AI 视觉创作平台。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

Atoms
Atoms Hot

Atoms是一款AI智能体工具,第一支自动构建真实业务的 AI 团队。

Loomy
Loomy Hot

一款AI工具,主要用于科大讯飞发布的桌面级 AI 助理,比 OpenClaw 更易用、更安全!,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

VibeKnow
VibeKnow Hot

一款AI视频创作工具,主要用于全球首个AI知识视频创作平台,文档、文章、网页,一键生成视频,适合需要提升相关任务效率的用户。

蛙蛙写作

一款AI论文写作工具,主要用于超级AI智能写作助手,适合需要提升相关任务效率的用户。

相关专题

更多
es6新特性
es6新特性

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

265

2023.07.17

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

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

386

2023.08.04

JavaScript ES6新特性
JavaScript ES6新特性

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

335

2025.12.24

c语言const用法
c语言const用法

const是关键字,可以用于声明常量、函数参数中的const修饰符、const修饰函数返回值、const修饰指针。详细介绍:1、声明常量,const关键字可用于声明常量,常量的值在程序运行期间不可修改,常量可以是基本数据类型,如整数、浮点数、字符等,也可是自定义的数据类型;2、函数参数中的const修饰符,const关键字可用于函数的参数中,表示该参数在函数内部不可修改等等。

1898

2023.09.20

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

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

1538

2023.08.03

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

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

2204

2023.09.04

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

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

5724

2023.10.24

字符串介绍
字符串介绍

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

4749

2023.11.24

Buffalo框架数据库开发全教程
Buffalo框架数据库开发全教程

本专题围绕Buffalo框架数据库开发,讲解database.yml多环境配置、soda与fizz迁移生成回滚、模型结构体标签、增删改查与条件查询、一对多与多对多关联、数据校验、回调钩子、事务处理及原生SQL执行能力。

0

2026.09.23

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WebStorm 官方调试文档
WebStorm 官方调试文档

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 11.9万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.5万人学习

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

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn