首页 > web前端 > js教程 > JavaScript中字符串的常用操作汇总

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

黄舟
发布: 2017-03-01 15:14:05
原创
1240 人浏览过

一、分割

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(&#39;&#39;));//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<strong>(</strong><em>start</em> [<strong>,</strong> <em>length</em> ]<strong>)</strong>

参数说明

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(&#39;&#39;); //分割成数组
	if(index<strLen){
		str[index]=str[index]+substr;//此时需要注意,需要加上str[index]的值
	}else{
		str[strLen]=substr;
	}
	
	return str.join(&#39;&#39;);
}
登录后复制

方法三:

function fn3(str,substr,index){
	var strLen=str.length;
	var substrLen=substr.length;
	var curIndex=strLen+substrLen;
	var result=&#39;&#39;;
	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=[&#39;women&#39;,&#39;hello&#39;,&#39;findyou&#39;,&#39;seekyou&#39;];

console.log(arr.join());//women,hello,findyou,seekyou
console.log(arr.join(&#39;-&#39;));//women-hello-findyou-seekyou
console.log(arr.join("(*)"));//women(*)hello(*)findyou(*)seekyou</span>
登录后复制

2.字符串转为数组

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

 以上就是JavaScript中字符串的常用操作汇总的内容,更多相关内容请关注PHP中文网(m.sbmmt.com)!



来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板