ARTICLE DETAIL

建站实战干货

来自一线的建站与推广经验沉淀,每一条都经过真实交付验证。

JS进阶——一些常用的字符串方法

2026/9/24 23:16:41 拓冰建站 浏览量
JS进阶——一些常用的字符串方法

charAt(index): 返回在指定位置的字符。

const str = "Hello"; 
console.log(str.charAt(1)); // 输出 "e"

concat(string2, string3, ..., stringX): 连接两个或更多字符串,并返回新的字符串。

const str1 = "Hello"; 
const str2 = "World"; 
console.log(str1.concat(str2)); // 输出 "HelloWorld"

includes(searchValue[, fromIndex]): 判断一个字符串是否包含在另一个字符串中,根据情况返回true或false。

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

indexOf(searchValue[, fromIndex]): 返回某个指定的字符串值在字符串中首次出现的位置。如果没有找到则返回-1。

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

lastIndexOf(searchValue[, fromIndex]): 返回某个指定的字符串值在字符串中最后一次出现的位置。如果没有找到则返回-1。

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

replace(searchValue, replaceValue): 在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。

const str = "Hello, World!"; 
console.log(str.replace("World", "JavaScript")); // 输出 "Hello, JavaScript!"

slice(startIndex, endIndex): 提取字符串的片段,并在新的字符串中返回被提取的部分。

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

split(separator[, limit]): 把字符串分割为字符串数组。

const str = "apple,banana,cherry"; 
console.log(str.split(",")); // 输出 ["apple", "banana", "cherry"]

substring(indexStart[, indexEnd]): 提取字符串中两个指定的索引号之间的字符。

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

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

const str = "HELLO"; 
console.log(str.toLowerCase()); // 输出 "hello"

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

const str = "hello"; 
console.log(str.toUpperCase()); // 输出 "HELLO"

trim(): 去除字符串两端的空白符。

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

字符串转数组,使用 split() 方法

const str = "Hello, World!";  
const arr = str.split(", "); // 以逗号和空格为分隔符  
console.log(arr); // 输出 ["Hello", "World!"]

数组转为字符串,使用 join() 方法

const arr = ["Hello", "World!"];  
const str = arr.join(", "); // 以逗号和空格为连接符  
console.log(str); // 输出 "Hello, World!"