js截取字符串使用还是比较广泛的,并且有很多方法,下面整理几种比较常用的,希望对大家有所帮助。
js截取字符串常用方法
使用 substring()或者slice()
函数:split()
功能:使用一个指定的分隔符把一个字符串分割存储到数组
例子:
str=”jpg|bmp|gif|ico|png”;
arr=theString.split(”|”);
//arr是一个包含字符值”jpg”、”bmp”、”gif”、”ico”和”png”的数组
函数:Join()
功能:使用您选择的分隔符将一个数组合并为一个字符串
例子:
复制代码 代码如下:
var delimitedString=myArray.join(delimiter);
var myList=new Array(”jpg”,”bmp”,”gif”,”ico”,”png”);
var portableList=myList.join(”|”);
//结果是jpg|bmp|gif|ico|png
函数:substring()
功能:字符串截取,比如想从"MinidxSearchEngine”中得到"Minidx”就要用到substring(0,6)
函数:indexOf()
功能:返回字符串中匹配子串的第一个字符的下标
复制代码 代码如下:
var myString=”JavaScript”;
var w=myString.indexOf(”v”);w will be 2
var x=myString.indexOf(”S”);x will be 4
var y=myString.indexOf(”Script”);y will also be 4
var z=myString.indexOf(”key”);z will be -1
续:
1.substring 方法
定义和用法
substring 方法用于提取字符串中介于两个指定下标之间的字符。
语法
stringObject.substring(start,stop)
参数 描述
start 必需。一个非负的整数,规定要提取的子串的第一个字符在 stringObject 中的位置。
stop 可选。一个非负的整数,比要提取的子串的最后一个字符在 stringObject 中的位置多 1。如果省略该参数,那么返回的子串会一直到字符串的结尾。
返回值
一个新的字符串,该字符串值包含 stringObject 的一个子字符串,其内容是从 start 处到 stop-1 处的所有字符,其长度为 stop 减 start。
说明
substring 方法返回的子串包括 start 处的字符,但不包括 end 处的字符。
如果 start 与 end 相等,那么该方法返回的就是一个空串(即长度为 0 的字符串)。
如果 start 比 end 大,那么该方法在提取子串之前会先交换这两个参数。
如果 start 或 end 为负数,那么它将被替换为 0。
2.substr 方法
定义和用法
substr 方法用于返回一个从指定位置开始的指定长度的子字符串。
语法
stringObject.substr(start [, length ])
参数 描述
start 必需。所需的子字符串的起始位置。字符串中的第一个字符的索引为 0。
length 可选。在返回的子字符串中应包括的字符个数。
说明
如果 length 为 0 或负数,将返回一个空字符串。
如果没有指定该参数,则子字符串将延续到stringObject的最后。
在js中,通过indexOf()可以获得指定字符串的位置索引值,使用substring()截取字符串方法,便可以实现截取指定字符串前面所有的字符。下面小编以截取bb字符串前面的字符为例,讲解如何使用js截取指定字符串前面所有的字符。
工具/原料
html+js
代码编辑器:Dreamweaver CS5
方法/步骤
1
新建一个html文件,命名为test.html,用于讲解如何使用js截取指定字符串前面所有的字符。
2
在test.html文件内,在p标签内,使用input标签创建一个字符串输入框,并设置其id为mystr。
3
在test.html文件内,使用button标签创建一个按钮,按钮名称为“截取bb字符串前面的字符串”。
4
在test.html文件内,并给button按钮绑定onclick点击事件,当按钮被点击时,执行getstrat()函数。
5
在js标签中,创建getstrat()函数,在函数内,使用getElementById()方法通过id(mystr)获得input对象,利用value属性获得输入框中的字符串,同时使用indexOf()方法获得字符串bb的位置,将位置保存承wz变量中。
6
在getstrat()函数内,使用substring()方法从第一个字符开始截取字符串(即0位置),结束截取位置为上一步获得的bb字符串的位置。最后,使用alert()方法将截取的字符串输出。
7
在浏览器打开test.html文件,输入字符串,点击按钮,查看结果。
END
总结:
1、创建一个test.html文件。
2、在文件内,在p标签内,使用input标签创建一个字符串输入框,同时创建一个button按钮,用于触发执行js函数。
3、在js标签内,创建函数,在函数内,使用getElementById()方法通过id(mystr)获得input对象,利用value属性获得输入框中的字符串,同时使用indexOf()方法获得字符串bb的位置,再使用substring()方法从第一个字符开始截取字符串(即0位置),结束截取位置为上一步获得的bb字符串的位置。
END
注意事项
substring()方法第一个参数为开始截取的位置,第二个参数为结束截取的位置。