JavaScript中字符串的常用操作汇总

一、分割

stingObj.split([separator[, limit]])

参数说明：

separator

可选项。字符串或正则表达式对象，它标识了分隔字符串时使用的是一个还是多个字符。如果忽略该选项，返回包含整个字符串的单一元素数组。

limit

可选项。该值用来限制返回数组中的元素个数。

备注：

split 方法的结果是一个字符串数组，在 stingObj 中每个出现 separator 的位置都要进行分解。separator 不作为任何数组元素的部分返回。

实例

<span style="font-size:18px;"><span></span>var str="tobeornottobethisis";
console.log(str.split("o"));//["t", "be", "rn", "tt", "bethisis"]
console.log(str.split("to"));//["", "beornot", "bethisis"]
console.log(str.split("t",2));//["", "obeorno"]
//split一般会配合join使用,用于将数组转为字符串
//如去掉字符串中所包含的字串be
console.log(str.split("be").join(''));//toornottothisis</span>

二、截取

1.提取字符

使用str[index]形式提取指定位置的字符

实例：

var str="tobeornottobethisis";

console.log(str[3]);//e

2.提取子串

1.通过指定下标区间来获取子串

stingObj.substring(start,[end])

参数说明：

start

指明子字符串的起始位置，该索引从 0 开始起算。

end

指明子字符串的结束位置，但是不包含end位置的字符，如果end位置不指定，则返回从start开始到结束之间的所有字符串。

备注：如果start大于end，则返回end到start之前的子串

实例

var str="tobeornottobethisis";
console.log(str.substring(0,3));//tob
console.log(str.substring(2,3));//b
console.log(str.substring(5,3));//eo
console.log(str.substring(3,0));tob

通过指定开始位置和子字符串长度来获取子串

stingObj.substr(start [, length ])

参数说明

start

必选项。所需的子字符串的起始位置。字符串中的第一个字符的索引为 0。

length

可选项。在返回的子字符串中应包括的字符个数。

备注：如果 length 为 0 或负数，将返回一个空字符串。如果没有指定该参数，则子字符串将延续到 stringvar 的最后

实例

var str="tobeornottobethisis";
console.log(str.substr(0,3)); //tob
console.log(str.substr(3));//eornottobethisis
console.log(str.substr(3,0));//返回一个空串
console.log(str.substr(1,-3));<span style="font-family: Arial, Helvetica, sans-serif;">//返回一个空串</span>

三、查找

查找strObj中是否包含subString

strObj.indexOf(subString[, startIndex])

参数说明

strObj

必选项。String 对象或文字。

subString

必选项。要在 String 对象中查找的子字符串。

starIndex

可选项。该整数值指出在 String 对象内开始查找的索引。如果省略，则从字符串的开始处查找。

备注：

indexOf 方法返回一个整数值，指出 String 对象内子字符串的开始位置。如果没有找到子字符串，则返回 -1。

如果 startindex 是负数，则 startindex 被当作零。如果它比最大的字符位置索引还大，则它被当作最大的可能索引

实例：

<span style="font-size:18px;">var str="tobeornottobethisis";

console.log(str.indexOf("tto"));//8
console.log(str.indexOf("tto",7));//8
console.log(str.indexOf("tto",10));//-1
console.log(str.indexOf("tto",-1));//8
console.log(str.indexOf("tto",25));//-1
console.log(str.indexOf("ag"));//-1</span>

四、指定位置进行插入

看到这个题，相信大家脑海里第一个想到的肯定是通过str[i]=subStr; 但是现实并非这样，看下图

正确的解决办法

方法一：

var str="tobeornottobethisis";
var substr="what";

function fn(str,substr,index){
	var leftStr=str.substring(0,index);
	var rightStr=str.substr(index);
	return leftStr+substr+rightStr;

}
console.log(fn(str,substr,2));

方法二：

function fn2(str,substr,index){
	var strLen=str.length;
	var str=str.split(''); //分割成数组
	if(index<strLen){
		str[index]=str[index]+substr;//此时需要注意，需要加上str[index]的值
	}else{
		str[strLen]=substr;
	}
	
	return str.join('');
}

方法三：

function fn3(str,substr,index){
	var strLen=str.length;
	var substrLen=substr.length;
	var curIndex=strLen+substrLen;
	var result='';
	var sepIndex=index+substrLen;
	for(var i=0,j=0;i<curIndex;i++){
		if(i<=index){
			result+=str[i];
		}else if(i<=sepIndex){
			result+=substr[j++];
		}else{
			result+=str[i-substrLen];
		}
	}
	return result;
}

推荐使用第一种或者第二种方法

三、字符串与数组相互转化

1.数组转为字符串

arrayObj.join(separator)

参数说明

arrayObj

必选项。Array 对象。

separator

可选项。是一个 String 对象，作为最终的 String 对象中对数组元素之间的分隔符。如果省略了这个参数，那么数组元素之间就用一个逗号来分隔。

备注：如果数组中有元素没有定义或者为 null，将其作为空字符串处理

实例

<span style="font-size:18px;">var arr=['women','hello','findyou','seekyou'];

console.log(arr.join());//women,hello,findyou,seekyou
console.log(arr.join('-'));//women-hello-findyou-seekyou
console.log(arr.join("(*)"));//women(*)hello(*)findyou(*)seekyou</span>

2.字符串转为数组

主要使用split进行分割，转为数组，在字符串分割那一块，已经讲过，不在细说。