news 2026/5/20 15:08:56

HoRain云--JavaScript字符串操作全指南

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
HoRain云--JavaScript字符串操作全指南

🎬 HoRain云小助手:个人主页

🔥 个人专栏: 《Linux 系列教程》《c语言教程》

⛺️生活的理想,就是为了理想的生活!


⛳️ 推荐

前些天发现了一个超棒的服务器购买网站,性价比超高,大内存超划算!忍不住分享一下给大家。点击跳转到网站。

专栏介绍

专栏名称

专栏介绍

《C语言》

本专栏主要撰写C干货内容和编程技巧,让大家从底层了解C,把更多的知识由抽象到简单通俗易懂。

《网络协议》

本专栏主要是注重从底层来给大家一步步剖析网络协议的奥秘,一起解密网络协议在运行中协议的基本运行机制!

《docker容器精解篇》

全面深入解析 docker 容器,从基础到进阶,涵盖原理、操作、实践案例,助您精通 docker。

《linux系列》

本专栏主要撰写Linux干货内容,从基础到进阶,知识由抽象到简单通俗易懂,帮你从新手小白到扫地僧。

《python 系列》

本专栏着重撰写Python相关的干货内容与编程技巧,助力大家从底层去认识Python,将更多复杂的知识由抽象转化为简单易懂的内容。

《试题库》

本专栏主要是发布一些考试和练习题库(涵盖软考、HCIE、HRCE、CCNA等)

目录

⛳️ 推荐

专栏介绍

💡 实用技巧与场景

🛠️ 简单场景示例


JavaScript中的字符串是表示文本数据的基础,理解和掌握其特性和方法对编程至关重要。下面这张表格汇总了字符串的核心操作,方便你快速回顾。

操作类别

方法/属性

说明

示例

创建字符串

字面量 ('',"",` `)

使用单引号、双引号或模板字符串创建。

let str = 'Hello';

String构造函数

创建字符串对象(不常用)。

let strObj = new String('Hi');

获取信息

length

返回字符串的字符数量。

'Hi'.length; // 2

[index]charAt(index)

获取指定索引位置的字符。

'Hi'[1]; // 'i'

查找子串

indexOf(searchValue)

返回子串首次出现的索引,找不到返回-1。

'Hi'.indexOf('i'); // 1

includes(searchValue)

判断是否包含子串,返回布尔值。

'Hi'.includes('H'); // true

提取子串

slice(start, end)

提取从startend(不含)的子串。

'Hello'.slice(1, 3); // 'el'

substring(start, end)

类似slice,但不接受负索引。

'Hello'.substring(1, 3); // 'el'

大小写转换

toUpperCase()

将字符串转为大写。

'Hi'.toUpperCase(); // 'HI'

toLowerCase()

将字符串转为小写。

'Hi'.toLowerCase(); // 'hi'

替换内容

replace(searchValue, newValue)

替换第一个匹配的子串。

'Hi'.replace('i', 'ello'); // 'Hello'

replaceAll(searchValue, newValue)

替换所有匹配的子串。

'oo'.replaceAll('o', 'a'); // 'aa'

去除空格

trim()

去除字符串两端的空白字符。

' Hi '.trim(); // 'Hi'

分割为数组

split(separator)

根据分隔符将字符串分割为数组。

'a,b'.split(','); // ['a', 'b']

拼接字符串

+运算符 或concat()

将多个字符串连接成一个新字符串。

'Hello' + ' ' + 'World';

💡 实用技巧与场景

🛠️ 简单场景示例

  1. 格式化用户名

    将用户输入的用户名转换为小写并去除首尾空格。

    let userInput = " SomeUser "; let formattedUsername = userInput.trim().toLowerCase(); console.log(formattedUsername); // 输出: "someuser"
  2. 检查文件扩展名

    判断一个文件名是否以特定后缀结尾。

    let filename = "example.pdf"; if (filename.toLowerCase().endsWith('.pdf')) { console.log("这是一个PDF文件。"); }

希望这份指南能帮助你更好地理解和使用JavaScript字符串。如果你对某个具体操作或应用场景有更深入的疑问,我很乐意为你进一步解答。

❤️❤️❤️本人水平有限,如有纰漏,欢迎各位大佬评论批评指正!😄😄😄

💘💘💘如果觉得这篇文对你有帮助的话,也请给个点赞、收藏下吧,非常感谢!👍 👍 👍

🔥🔥🔥Stay Hungry Stay Foolish 道阻且长,行则将至,让我们一起加油吧!🌙🌙🌙

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/5/19 18:40:55

Zotero期刊缩写完全指南:3步告别手动修改烦恼

Zotero期刊缩写完全指南:3步告别手动修改烦恼 【免费下载链接】zotero-format-metadata Linter for Zotero. An addon for Zotero to format item metadata. Shortcut to set title rich text; set journal abbreviations, university places, and item languages, …

作者头像 李华
网站建设 2026/5/1 7:56:17

想试bge-large-zh-v1.5但怕浪费钱?按需付费0风险

想试bge-large-zh-v1.5但怕浪费钱?按需付费0风险 你是不是也遇到过这种情况:作为一个独立游戏开发者,脑子里蹦出一个超棒的创意——让游戏里的NPC能根据玩家行为动态生成对话,甚至还能记住之前的互动。听起来很酷对吧&#xff1f…

作者头像 李华
网站建设 2026/5/12 1:11:50

UI-TARS-desktop实战:构建智能翻译系统

UI-TARS-desktop实战:构建智能翻译系统 1. UI-TARS-desktop简介 Agent TARS 是一个开源的多模态 AI Agent 框架,致力于通过融合视觉理解(Vision)、图形用户界面操作(GUI Agent)等能力,结合现实…

作者头像 李华
网站建设 2026/5/17 6:53:42

Qwen2.5教学实践:没实验室也能开AI课

Qwen2.5教学实践:没实验室也能开AI课 你是不是也是一名高校教师,一直想给学生开一门真正“动手”的AI课程?但现实是:学校没有GPU集群、机房设备老旧、预算有限,甚至连一个像样的深度学习服务器都没有。别急——现在&a…

作者头像 李华