JavaScript String对象常用方法详解与示例
本文系统梳理JavaScript中String对象的常用方法,涵盖字符编码转换、子串提取、位置查找及大小写转换等核心功能。通过charCodeAt、fromCharCode、charAt、slice、substring、substr、indexOf、lastIndexOf、search、concat、split、toLowerCase和toUpperCase等方法的具体语法与代码示例,帮助开发者准确掌握字符串处理技巧,提升代码编写效率。
字符编码与提取方法
strObj.charCodeAt(index)
功能说明:
index参数表示待处理字符的索引,从0开始计数。其有效取值范围为0至字符串长度减1的整数。
若指定索引位置不存在对应字符,该方法将返回NaN。
示例:
var str = "ABC";
str.charCodeAt(0);
返回结果:65
2、fromCharCode方法从一些Unicode字符串中返回一个字符串。
String.fromCharCode([code1[,code2...]])
功能说明:
code1、code2等参数为需转换为字符串的Unicode码点序列。若未提供参数,则返回空字符串。
示例:
String.fromCharCode(65,66,112);
返回结果:ABp
3、charAt方法返回指定索引位置处的字符。如果超出有效范围的索引值返回空字符串。
strObj.charAt(index)
功能说明:
index参数指定目标字符的从零开始的索引。有效取值范围为0至字符串长度减1之间的整数。
示例:
var str = "ABC";
str.charAt(1);
返回结果:B
4、slice方法返回字符串的片段。
字符串截取方法对比
strObj.slice(start[,end])
功能说明:
start参数指定截取部分的起始索引,从0开始。若start为负数,则按length+start计算,其中length为字符串长度。
end参数指定截取部分的结束索引,从0开始。若end为负数,则按length+end计算,其中length为字符串长度。
示例:
012345
var str = "ABCDEF";
str.slice(2,4);
返回结果:CD
5、substring方法返回位于String对象中指定位置的子字符串。
strObj.substring(start,end)
功能说明:
start参数指定子字符串的起始位置,索引从0开始计算。
end参数指定子字符串的结束位置,索引从0开始计算。
substring方法会自动使用start和end中较小的值作为起始点。若start或end为NaN或负数,则将其替换为0。
示例:
012345
var str = "ABCDEF";
str.substring(2,4); // 或 str.substring(4,2);
返回结果:CD
6、substr方法返回一个从指定位置开始的指定长度的子字符串。
字符串查找与定位方法
strObj.substr(start[,length])
功能说明:
start参数指定所需子字符串的起始位置,字符串首个字符索引为0。
length参数指定返回子字符串中包含的字符数量。
示例:
012345
var str = "ABCDEF";
str.substr(2,4);
返回结果:CDEF
7、indexOf方法放回String对象内第一次出现子字符串位置。如果没有找到子字符串,则返回-1。
strObj.indexOf(substr[,startIndex])
功能说明:
substr参数为要在String对象中查找的子字符串。
startIndex参数为开始查找的索引整数。若省略此参数,则从字符串起始位置开始查找。
示例:
01234567
var str = "ABCDECDF";
str.indexOf("CD",1); // 从索引1位置从左向右查找 123...
返回结果:2
8、lastIndexOf方法返回String对象中字符串最后出现的位置。如果没有匹配到子字符串,则返回-1。
strObj.lastIndexOf(substr[,startindex])
功能说明:
substr参数为要在String对象内查找的子字符串。
startindex参数为开始查找的索引整数。若省略此参数,则从字符串末尾开始反向查找。
示例:
01234567
var str = "ABCDECDF";
str.lastIndexOf("CD",6); // 从索引6位置从右向左查找 ...456
返回结果:5
9、search方法返回与正则表达式查找内容匹配的第一个字符串的位置。
strObj.search(reExp)
功能说明:
reExp参数为包含正则表达式模式及可选标志的正则表达式对象。
示例:
var str = "ABCDECDF";
str.search("CD"); // 或 str.search(/CD/i);
返回结果:2
10、concat方法返回字符串值,该值包含了两个或多个提供的字符串的连接。
字符串连接与分割方法
str.concat([string1[,string2...]])
功能说明:
string1、string2等参数为需与其他指定字符串进行连接的String对象或字面量。
示例:
var str = "ABCDEF";
str.concat("ABCDEF","ABC");
返回结果:ABCDEFABCDEFABC
11、将一个字符串分割为子字符串,然后将结果作为字符串数组返回。
strObj.split([separator[,limit]])
功能说明:
separator参数为字符串或正则表达式对象,用于标识分隔字符串时的字符。若忽略此选项,则返回仅包含整个字符串的单一元素数组。
limit参数用于限制返回数组中的元素个数。
示例:
var str = "AA BB CC DD EE FF";
alert(str.split(" ",3));
返回结果:
AA,BB,CC
12、toLowerCase方法返回一个字符串,该字符串中的字母被转换成小写。
字符串大小写转换方法
示例:
var str = "ABCabc";
str.toLowerCase();
返回结果:abcabc
13、toUpperCase方法返回一个字符串,该字符串中的所有字母都被转换为大写字母。
示例:
var str = "ABCabc";
str.toUpperCase();
返回结果:ABCABC
JS大数值转字符串出现科学计数法怎么办
2026-11-05 17:09:21
JS split切割后出现空字符串怎么过滤
2026-11-05 16:00:30
在 React 或 Vue 项目中封装使用 JS 节流防抖
2026-11-05 15:27:29
JavaScript中怎么将带小数的字符串转为整数?
2026-11-05 14:32:38
怎么用JavaScript策略模式重构电商促销计算逻辑?
2026-11-05 14:01:09
