javaScript中字符串截取是最基本的操作,共有3个函数:slice、substr与substring,用法示例如下。
1.slice
用法:string.slice(start,end)
注意事项:
start(必需):规定从何处开始选取。如果是负数,那么它规定从字符串尾部开始算起的位置。也就是说,-1 指最后一个字符,-2 指倒数第二个字符,以此类推。
end(可选):规定从何处结束选取,即结束处的字符下标。如果没有指定该参数,那么截取的字符串包含从 start 到结束的所有字符。如果这个参数是负数,那么它规定的是从数组尾部开始算起的字符。
1.1字符串
var str = "0123456789" console.log("原始字符串:",str) console.log("从索引为3的字符起一直到结束:", str.slice(3)) //3456789 console.log("从倒数第3个字符起一直到结束:", str.slice(-3)) //789 console.log("从开始一直到索引为5的前一个字符:", str.slice(0,5)) //01234 console.log("从开始一直到倒数第3个字符的前一个字符:", str.slice(0,-3)) //0123456 console.log("从索引为3的字符起到索引为5的前一个字符:", str.slice(3,5)) //34 console.log("从索引为3的字符起到倒数第3个字符的前一个字符:", str.slice(3,-3)) //3456
1.2数组
var arr=[1,3,5,7,9] var arr1=arr.slice()//[1,3,5,7,9]从头开始选取 var arr2=arr.slice(1)//[3,5,7,9]从下标1开始选择 var arr3=arr.slice(-1)//[9]从倒数第1项开始选择 var arr4=arr.slice(2,4)//[5,7]从第二项选择到第4项 var arr5=arr.slice(-3,4)//[5,7]从倒数第3项选择到正数第4项 var arr6=arr.slice(-3,-1)//[5,7]从倒数第三项选择到倒数第一项
2.substr
stringObject.substr(start,length)
start(必需):所需的子字符串的起始位置。字符串中的第一个字符的索引为 0。
length(可选):在返回的子字符串中应包括的字符个数。
注意事项:
如果 length 为 0 或负数,将返回一个空字符串。
如果没有指定 length,则子字符串将延续到 stringObject 的最后。
如果 start 或 length 为负数,那么它将被替换为 0。
var str = "0123456789" console.log("原始字符串:", str) console.log("从索引为3的字符起一直到结束:", str.substr(3)) //3456789 console.log("从索引为20的字符起一直到结束:", str.substr(20)) // console.log("-1从后面开始算:", str.substr(-1)) //9 console.log("从索引为3的字符起截取长度为5的字符串:", str.substr(3,5)) 34567 console.log("从索引为3的字符起截取长度为20的字符串:", str.substr(3,20)) 3456789
3.substring
用法:string.substring(start, stop)
注意事项:
start(必需):一个非负的整数,规定要提取的子串的第一个字符在 stringObject 中的位置。
stop(可选):一个非负的整数,比要提取的子串的最后一个字符在 stringObject 中的位置多 1。
返回值说明:
该方法返回一个新的字符串,该字符串值包含 stringObject 的一个子字符串,其内容是从 start 处到 stop-1 处的所有字符,其长度为 stop 减 start。
注意事项:
如果 start 与 end 相等,那么该方法返回的就是一个空串(即长度为 0 的字符串)。
如果 start 比 end 大,那么该方法在提取子串之前会先交换这两个参数。
如果 start 或 end 为负数,那么它将被替换为 0。
var str = "0123456789" console.log("原始字符串:", str) console.log("从索引为3的字符起一直到结束:", str.substring(3)) //3456789 console.log("从索引为20的字符起一直到结束:", str.substring(20)) // console.log("从索引为3的字符起到索引为5的前一个字符结束:", str.substring(3,5)) //34 console.log("start比end大会自动交换,结果同上:", str.substring(5,3)) //34 console.log("从索引为3的字符起到索引为20的前一个字符结束:", str.substring(3,20)) //3456789
4.总结
slice可用于数组截取,截取返回的是数组;
substing和substr无法数组截取,只限字符串。
5.其他相关函数
5.1indexOf()
返回字符串中匹配子串的第一个字符的下标。
var str = "JavaScript" var i1 = str.indexOf("a") //1 var i2 = str.indexOf("S") //4 var i3 = str.indexOf("Script") //4 var i4 = str.indexOf("k") //-1 console.log("原始字符串:", str) console.log("a的索引:", i1) console.log("S的索引:",i2) console.log("Script的索引:",i3) console.log("k的索引:",i4)
5.2lastIndexOf()
返回从右向左出现某个字符或字符串的首个字符索引值(与indexOf相反)。
var str = "JavaScript" var i1 = str.lastIndexOf("a") //3 var i2 = str.lastIndexOf("S") //4 var i3 = str.lastIndexOf("Script") //4 var i4 = str.lastIndexOf("k") //-1
5.3split()
使用一个指定的分隔符把一个字符串分割存储到数组。
var str = "jpg|bmp|gif|ico|png" var arr= str.split("|") console.log(arr)
5.4join()
使用一个指定的分隔符将一个数组合并为一个字符串(与split相反)。
var arr= new Array("jpg","bmp","gif","ico","png") var str = arr.join("|") console.log(str)
5.5concat()
将两个数组连接在一起,返回一个数组。
var arr1 = [1, 2, 3] var arr2 = [4, 5, 6] var arr3 = arr1.concat(arr2) console.log(arr3)
5.6charAt()
返回指定位置的字符。
字符串中第一个字符的下标是 0。如果参数 index 不在 0 与 string.length 之间,该方法将返回一个空字符串。
var str = "abcdefg" var char = str.charAt(2) //c console.log(char)