JavaScript字符串的常用方法

简介: 在JavaScript中,字符串处理是一个非常常见的任务。JavaScript提供了丰富的字符串操作方法,使开发者能够高效地处理和操作字符串。本文将详细介绍JavaScript字符串的常用方法,并提供示例代码以便更好地理解和应用这些方法。

在JavaScript中,字符串处理是一个非常常见的任务。JavaScript提供了丰富的字符串操作方法,使开发者能够高效地处理和操作字符串。本文将详细介绍JavaScript字符串的常用方法,并提供示例代码以便更好地理解和应用这些方法。

字符串长度

获取字符串的长度是一个基本操作,可以使用 length属性。

let str = "Hello, World!";
console.log(str.length);  // 输出: 13
​

字符串查找

indexOf

indexOf方法用于查找子字符串在字符串中第一次出现的位置。

let str = "Hello, World!";
console.log(str.indexOf("World"));  // 输出: 7
​

lastIndexOf

lastIndexOf方法用于查找子字符串在字符串中最后一次出现的位置。

let str = "Hello, World! Hello!";
console.log(str.lastIndexOf("Hello"));  // 输出: 13
​

includes

includes方法用于检查字符串是否包含指定的子字符串。

let str = "Hello, World!";
console.log(str.includes("World"));  // 输出: true
​

startsWith

startsWith方法用于检查字符串是否以指定的子字符串开始。

let str = "Hello, World!";
console.log(str.startsWith("Hello"));  // 输出: true
​

endsWith

endsWith方法用于检查字符串是否以指定的子字符串结束。

let str = "Hello, World!";
console.log(str.endsWith("World!"));  // 输出: true
​

字符串提取

slice

slice方法用于提取字符串的子字符串,接受两个参数:起始索引和结束索引。

let str = "Hello, World!";
console.log(str.slice(7, 12));  // 输出: World
​

substring

substring方法也用于提取子字符串,但与 slice不同,它不接受负索引。

let str = "Hello, World!";
console.log(str.substring(7, 12));  // 输出: World
​

substr

substr方法用于从指定位置开始提取一定长度的子字符串。

let str = "Hello, World!";
console.log(str.substr(7, 5));  // 输出: World
​

字符串修改

replace

replace方法用于替换字符串中的子字符串。它只替换第一次匹配的子字符串。

let str = "Hello, World!";
let newStr = str.replace("World", "JavaScript");
console.log(newStr);  // 输出: Hello, JavaScript!
​

replaceAll

replaceAll方法用于替换字符串中的所有匹配子字符串。

let str = "Hello, World! World!";
let newStr = str.replaceAll("World", "JavaScript");
console.log(newStr);  // 输出: Hello, JavaScript! JavaScript!
​

toUpperCase

toUpperCase方法将字符串转换为大写。

let str = "Hello, World!";
console.log(str.toUpperCase());  // 输出: HELLO, WORLD!
​

toLowerCase

toLowerCase方法将字符串转换为小写。

let str = "Hello, World!";
console.log(str.toLowerCase());  // 输出: hello, world!
​

trim

trim方法用于去除字符串两端的空白字符。

let str = "   Hello, World!   ";
console.log(str.trim());  // 输出: Hello, World!
​

trimStarttrimEnd

trimStarttrimEnd方法用于去除字符串开头和结尾的空白字符。

let str = "   Hello, World!   ";
console.log(str.trimStart());  // 输出: Hello, World!   
console.log(str.trimEnd());    // 输出:    Hello, World!
​

字符串拆分和连接

split

split方法用于将字符串拆分成数组。

let str = "Hello, World!";
let arr = str.split(", ");
console.log(arr);  // 输出: ["Hello", "World!"]
​

concat

concat方法用于连接两个或多个字符串。

let str1 = "Hello";
let str2 = "World";
let str3 = str1.concat(", ", str2, "!");
console.log(str3);  // 输出: Hello, World!
​

字符访问

charAt

charAt方法用于返回指定索引处的字符。

let str = "Hello, World!";
console.log(str.charAt(7));  // 输出: W
​

charCodeAt

charCodeAt方法用于返回指定索引处字符的Unicode值。

let str = "Hello, World!";
console.log(str.charCodeAt(7));  // 输出: 87
​

at

at方法用于返回字符串中指定位置的字符,支持负索引。

let str = "Hello, World!";
console.log(str.at(7));  // 输出: W
console.log(str.at(-1)); // 输出: !
​

分析说明表

方法 作用 示例代码
length 获取字符串长度 str.length
indexOf 查找子字符串首次出现位置 str.indexOf("World")
lastIndexOf 查找子字符串最后出现位置 str.lastIndexOf("Hello")
includes 检查字符串是否包含子字符串 str.includes("World")
startsWith 检查字符串是否以子字符串开始 str.startsWith("Hello")
endsWith 检查字符串是否以子字符串结束 str.endsWith("World!")
slice 提取子字符串 str.slice(7, 12)
substring 提取子字符串 str.substring(7, 12)
substr 从指定位置提取一定长度的子字符串 str.substr(7, 5)
replace 替换子字符串 str.replace("World", "JavaScript")
replaceAll 替换所有匹配子字符串 str.replaceAll("World", "JavaScript")
toUpperCase 转换为大写 str.toUpperCase()
toLowerCase 转换为小写 str.toLowerCase()
trim 去除两端空白字符 str.trim()
trimStart 去除开头空白字符 str.trimStart()
trimEnd 去除结尾空白字符 str.trimEnd()
split 拆分成数组 str.split(", ")
concat 连接字符串 str1.concat(", ", str2, "!")
charAt 返回指定索引处字符 str.charAt(7)
charCodeAt 返回指定索引处字符的Unicode值 str.charCodeAt(7)
at 返回指定位置字符,支持负索引 str.at(7)str.at(-1)
目录
相关文章
|
2月前
|
监控 负载均衡 JavaScript
有哪些有效的方法可以优化Node.js应用的性能?
有哪些有效的方法可以优化Node.js应用的性能?
187 69
|
1月前
|
JavaScript Linux 内存技术
Debian 11系统下Node.js版本更新方法详解
本指南详细介绍在Linux系统中安装和管理Node.js的步骤。首先检查现有环境,包括查看当前版本和清除旧版本;接着通过NodeSource仓库安装最新版Node.js并验证安装结果。推荐使用nvm(Node Version Manager)进行多版本管理,便于切换和设置默认版本。同时,提供常见问题解决方法,如权限错误处理和全局模块迁移方案,以及版本回滚操作,确保用户能够灵活应对不同需求。
114 0
|
1月前
|
JavaScript Linux 内存技术
Debian 11系统下Node.js版本更新方法
Debian 11更新Node.js主要就是这三种方式,无论你是初涉其中的新手还是找寻挑战的专家,总有一种方式能满足你的需求。现在,你已经是这个
181 80
|
8月前
|
JavaScript 前端开发 程序员
前端原生Js批量修改页面元素属性的2个方法
原生 Js 的 getElementsByClassName 和 querySelectorAll 都能获取批量的页面元素,但是它们之间有些细微的差别,稍不注意,就很容易弄错!
149 1
|
5月前
|
前端开发 JavaScript
有没有方法可以保证在JavaScript中多个异步操作的执行顺序?
有没有方法可以保证在JavaScript中多个异步操作的执行顺序?
144 58
|
3月前
|
JavaScript 前端开发 Java
js 垃圾回收机制的方法
JS回收机制方法讲解
|
4月前
|
JavaScript 前端开发 Java
深入理解 JavaScript 中的 Array.find() 方法:原理、性能优势与实用案例详解
Array.find() 是 JavaScript 数组方法中一个非常实用和强大的工具。它不仅提供了简洁的查找操作,还具有性能上的独特优势:返回的引用能够直接影响原数组的数据内容,使得数据更新更加高效。通过各种场景的展示,我们可以看到 Array.find() 在更新、条件查找和嵌套结构查找等场景中的广泛应用。 在实际开发中,掌握 Array.find() 的特性和使用技巧,可以让代码更加简洁高效,特别是在需要直接修改原数据内容的情形。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一
|
4月前
|
移动开发 运维 供应链
通过array.some()实现权限检查、表单验证、库存管理、内容审查和数据处理;js数组元素检查的方法,some()的使用详解,array.some与array.every的区别(附实际应用代码)
array.some()可以用来权限检查、表单验证、库存管理、内容审查和数据处理等数据校验工作,核心在于利用其短路机制,速度更快,节约性能。 博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
4月前
|
供应链 JavaScript 前端开发
通过array.every()实现数据验证、权限检查和一致性检查;js数组元素检查的方法,every()的使用详解,array.some与array.every的区别(附实际应用代码)
array.every()可以用来数据验证、权限检查、一致性检查等数据校验工作,核心在于利用其短路机制,速度更快,节约性能。 博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
8月前
|
监控 JavaScript Java
Node.js中内存泄漏的检测方法
检测内存泄漏需要综合运用多种方法,并结合实际的应用场景和代码特点进行分析。及时发现和解决内存泄漏问题,可以提高应用的稳定性和性能,避免潜在的风险和故障。同时,不断学习和掌握内存管理的知识,也是有效预防内存泄漏的重要途径。
485 62

热门文章

最新文章