JavaScript 字符串常用操作函数详解与示例

作者:代码拾荒时间:2026-10-30 22:36:44浏览:452

本文系统总结了JavaScript中常用的字符串操作函数,涵盖类型转换、分割、长度获取、查找定位、替换、字符提取、拼接、截取、大小写转换、匹配、去空格及包含判断等功能。通过具体代码示例解析各函数的参数与返回值,帮助开发者高效处理字符串数据。

本文主要介绍了JavaScript中常用的字符串操作函数,包括toString、split、length、indexOf、lastIndexOf、replace、replaceAll、charAt、charCodeAt、concat、slice、substring、substr、match、exec、search、trim、includes、toLowerCase以及toUpperCase。

1. 字符串类型转换 - toString()

用于将数字类型转换为字符串类型。

var num=19;
var mystr=num.toString();//"19"

2. 字符串分割 - split()

该方法将字符串分割为数组,第二个参数用于指定返回数组的最大长度。

var mystr="l,love,you,Do,you,love,me"
var substr=mystr.split(",");//[l,love,you,Do,you,love,me];
var arrayLimited=mystr.split(",",3);[l,love,you];

3. 获取字符串长度 - length

var mystr="l,love,you,Do,you,love,me";
var mystrLength=mystr.length();//25

4. 查询子字符串索引 - indexOf()、lastIndexOf()

indexOf() 方法从字符串的开头开始查找指定子字符串,返回其首次出现的索引位置;若未找到则返回 -1。

lastIndexOf() 方法从字符串的末尾向前查找,返回指定子字符串最后一次出现的索引位置;若未找到则返回 -1。该方法可接收第二个参数,用于指定开始查找的位置。

var mystr="l,love,you,Do,you,love,me";
var index=mystr.indexOf("you");//7,基于0开始查找,找不到返回-1
var lastindx=mystr.lastIndexOf("you");//14

5. 字符串替换 - replace()、replaceAll()

replace() 方法默认仅替换第一次匹配到的子字符串。若需全局替换,需在正则表达式中设置全局标识 'g'。

replaceAll() 方法用于将字符串中所有符合要求的子字符串替换为目标字符串,或者替换所有与正则表达式匹配的子字符串。

var mystr="l,love,you,Do,you,love,me";
var replaceStr=mystr.replace("love","hate");//"l,hate,you,Do,you,love,me";
var goreplaceStr=mystr.replace(/love/g,"hate");//"l,hate,you,Do,you,hate,me";
var goreplaceAllStr=mystr.replaceAll("love","hate");//"l,hate,you,Do,you,hate,me";

6. 获取字符及其编码值 - charAt()、charCodeAt()

charAt() 用于获取指定索引位置的字符,charCodeAt() 用于获取该位置的Unicode编码值。

var mystr="l,love,you,Do,you,love,me";
var char=mystr.charAt(8);//"o";从0开始
var charCode=mystr.charCodeAt(8);//111

7. 字符串连接 - concat()

concat() 方法支持多个参数,用于将多个字符串拼接成一个新字符串。

var str1="l,love,you";var str="Do,you,love,me!";
var str=str1.contact(str2);

8. 字符串截取与提取 - slice()、substring()、substr()

slice(start, end) 方法提取字符串中从 start 到 end 的部分(start 包含,end 不包含),并返回新字符串。

substring(from, to) 方法提取两个指定下标之间的字符,返回的子串包含开始处的字符,但不包括结束处的字符。

substr() 方法从指定的开始下标开始抽取指定数目的字符。其参数分别指定子串的开始位置和长度。

var mystr="l,love,you,Do,you,love,me";
//slice():
var sliceStr=mystr.slice(1,5);//从0开始,",lov"
//substring():
var substring=mystr.substring(1,5);//",lov"
//substr():
var substr=mystr.substr(1,5);//",love"

9. 字符串大小写转换

toLowerCase():将字符串转换为小写。

toUpperCase():将字符串转换为大写。

var myStr = "I,love,you,Do,you,love,me";
var lowCaseStr = myStr.toLowerCase();//"i,love,you,do,you,love,me";
var upCaseStr = myStr.toUpperCase();//"I,LOVE,YOU,DO,YOU,LOVE,ME"

10. 字符串匹配

match() 和 exec() 在匹配失败时返回 null;search() 在匹配失败时返回 -1。

match().接受一个正则的参数
var myStr = "I,love,you,Do,you,love,me";
var pattern="/love/";
var result=mystr.match(pattern);//["love"];
exec():字符串和字符调换了位置
var myStr = "I,love,you,Do,you,love,me";
var pattern="/love/";
var result=pattern.exec(pattern);
search();匹配到下标
var myStr = "I,love,you,Do,you,love,me";
var pattern = /love/;
var result = myStr.search(pattern);//2

11. 去除空格 - trim()

trim() 方法用于删除字符串头部和尾部的空白字符,包括空格、制表符(tab)、换行符等。

let str = "    Hello   ";
let s = str.trim();
console.log(str); //    Hello
console.log(s); //Hello

12. 判断是否包含子字符串 - includes()

includes() 方法用于判断字符串是否包含指定的子字符串。

语法:string.includes(searchvalue, start) (1)searchvalue:必需参数,表示要查找的字符串。 (2)start:可选参数,指定开始查找的位置,默认为 0。

let str = "Hello";
let s = str.includes("searchvalue",number);
console.log(s); //true

本文介绍了上述JavaScript字符串操作函数的基本用法,更多相关函数内容可参考本站其他文章或继续浏览后续内容。

作者最新文章