JavaScript字符串切割与截取常用方法详解

作者:木棉

时间:2026-10-25

浏览:603

本文汇总了JavaScript中处理字符串的几种核心方法。包括使用split()按分隔符生成数组,利用slice()和substring()提取指定子串,通过join()将数组转为字符串,以及charAt()获取指定位置字符。文章结合代码示例解析各方法的参数用法与注意事项,适用于日常开发中的字符串处理需求。

文章目录

字符串切割与截取方法汇总

1、split() 函数可将字符串拆分为数组;

 stringObject.split(str,length)
var str = "123,456,789"; 
console.log(str.split(''));  // ["1", "2", "3", ",", "4", "5", "6", ",", "7", "8", "9"]
console.log(str.split(',')); // ["123", "456", "789"] 
参数描述
str必需。字符串或正则表达式,从该参数指定的地方分割 stringObject
length可选。如果没有设置该参数,整个字符串都会被分割,不考虑它的长度

提示:若使用空字符串 ("") 作为分隔符,原字符串的每个字符均会被单独分割。

2、slice() 用于提取字符串指定片段,并返回新字符串;

首参数为必填项,次参数可选; 提示:若参数为负数,表示从原字符串末尾倒数计数的位置结束截取。

1、split() 函数可将字符串拆分为数组;

示例:[1,2,3,4].slice(0, 3) 中,0 为起始索引 start,3 为结束索引。

var str = "123,456,789"; 
console.log(str.slice(2,6));	 // 3,45
console.log(str.slice(-6,-2));   // 56,7
console.log(str.slice(2)); 		 // 3,456,789
console.log(str.slice(-6)); 	 // 56,789 

3、substring() 用于获取两指定索引间的子串。

语法:string.substring(from, to);参数 from必选而且非负的整数,to可选非负的整数,且 to 的数值需比 from 大至少 1 个单位;

var str = "123,456,789"; 
console.log(str.substring(2,6)); 	// 3,45
console.log(str.substring(2)); 		// 3,456,789
console.log(str.substring(6,2)); 	// 3,45
console.log(str.substring(-6,-2));  //  
console.log(str.substring(6,6)); 	//  

4、join() 将数组元素合并为单一字符串。

var str = [123,456,789]; 
console.log(str.join('')); // 123456789
console.log(str.join(',')); // 123,456,789

5、charAt() 返回指定索引处的字符。

string.charAt(index)

index:必填参数,指代字符串中字符的索引位置。

1、split() 函数可将字符串拆分为数组;

***:此内容常用于日常开发备忘,查阅示例即可理解用法;

总结

本文介绍了 JS 中常用的字符串切割截取方式,如需了解更多相关内容,请查阅本站往期文章或继续浏览后续文章,感谢支持!

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章