JS字符串操作函数

1 charCodeAt()方法和charAt()方法

charCodeAt()方法返回的是位于指定位置的字符的编码。
语法:stringObject.charCodeAt(index)
注释:index是必需的参数,表示字符在字符串中的下标,注意字符串中第一个字符的下标是0,如果 index 是负数,或大于等于字符串的长度,则 charCodeAt() 返回 NaN。肯定的呀,都没有指定字符怎么返回编码嘛。
示例:

var str="abcde";
document.write("str:"+str+ "<br />");//str:abcde
document.write(str[0]+":"+ str.charCodeAt(0) + "<br />");//a:97
document.write(str[1]+":" + str.charCodeAt(1) + "<br />");//b:98
document.write(str[2] +":"+ str.charCodeAt(2)+ "<br />");//c:99
document.write("str[-1] "+":"+ str.charCodeAt(-1)+ "<br />");   //str[-1] :NaN
document.write("str[6] "+":"+ str.charCodeAt(6)+ "<br />")  ;//str[6] :NaN

charAt()方法返回的是位于指定位置的字符。
语法:stringObject.charAt(index)
注释:index是必需的参数,表示字符在字符串中的下标,注意字符串中第一个字符的下标是0,如果 index 是负数,或大于等于字符串的长度,则 charAt() 返回 空字符串。
示例:

var str="abcde";
document.write("str:"+str+ "<br />");//str:abcde
document.write(str[0]+":"+ str.charAt(0) + "<br />");//a:a
document.write(str[1]+":" + str.charAt(1) + "<br />");//b:b
document.write(str[2] +":"+ str.charAt(2)+ "<br />");//c:c
document.write("str[-1] "+":"+ str.charAt(-1)+ "<br />");//str[-1] :
document.write("str[6] "+":"+ str.charAt(6)+ "<br />"); //str[6] :

2 indexOf()方法和lastIndexOf()方法

两种方法都对大小写敏感

indexOf()方法返回某个指定字符串值在字符串中首次出现的位置
语法:stringObject.indexOf(searchvalue,fromindex)
注释:searchvalue必需要有,提供被检索的子串,fromindex可选,当缺少此参数时,则从字符串首字符开始检索,当提供了此参数,则从指定位置开始检索,这个参数值也是字符下标。当fromindex为负数,依旧从字符串首字符开始检索,当fromindex超过字符串范围和没有检索到指定字符串则返回-1
示例:

var str="You can you up ,no can no BiBi";
var strSub1="no";
var strSub2="BiBi";
var strSub3="bibi";
document.write("str:"+str+ "<br />");//str:You can you up ,no can no BiBi
document.write("str.indexOf(strSub1)"+"--"+ str.indexOf(strSub1) + "<br />");//str.indexOf(strSub1)--16
document.write("str.indexOf(strSub1,0)"+"--"+ str.indexOf(strSub1,0) + "<br />");//str.indexOf(strSub1,0)--16
document.write("str.indexOf(strSub1,-1)"+"--"+ str.indexOf(strSub1,-1) + "<br />");//str.indexOf(strSub1,-1)--16
document.write("str.indexOf(strSub1,-15)"+"--"+ str.indexOf(strSub1,-15) + "<br />");//str.indexOf(strSub1,-15)--16
document.write("str.indexOf(strSub1,30)"+"--"+ str.indexOf(strSub1,30) + "<br />");//str.indexOf(strSub1,30)---1
document.write("str.indexOf(strSub1,20)"+"--" + str.indexOf(strSub1,20) + "<br />");//str.indexOf(strSub1,20)--23
document.write("str.indexOf(strSub2)"+"--"+ str.indexOf(strSub2) + "<br />");//str.indexOf(strSub2)--26
document.write("str.indexOf(strSub3)"+"--"+ str.indexOf(strSub3) + "<br />");//str.indexOf(strSub3)---1

lastIndexOf()方法返回某个指定字符串值在字符串中最后出现的位置
语法:stringObject.lastIndexOf(searchvalue,fromindex)
注释:searchvalue必需要有,提供被检索的子串,fromindex可选,当缺少此参数时,则从字符串最后字符开始从后至前检索,当提供了此参数,则从指定位置从后至前开始检索,这个参数值也是字符下标。当fromindex为负数,依旧从字符串首字符开始检索,当fromindex超过字符串范围和没有检索到指定字符串则返回-1。
示例:

var str="You can you up ,no can no BiBi";
var strSub1="no";
var strSub2="BiBi";
var strSub3="bibi";
document.write("str:"+str+ "<br />");//str:You can you up ,no can no BiBi
document.write("str.indexOf(strSub1)"+"--"+ str.lastIndexOf(strSub1) + "<br />");//str.indexOf(strSub1)--23
document.write("str.indexOf(strSub1,30)"+"--"+ str.lastIndexOf(strSub1,30) + "<br />");//str.indexOf(strSub1,30)--23
document.write("str.indexOf(strSub1,90)"+"--"+ str.lastIndexOf(strSub1,90) + "<br />");//str.indexOf(strSub1,90)--23
document.write("str.indexOf(strSub1,-1)"+"--"+ str.lastIndexOf(strSub1,-1) + "<br />");//str.indexOf(strSub1,-1)---1
document.write("str.indexOf(strSub1,30)"+"--"+ str.lastIndexOf(strSub1,30) + "<br />");//str.indexOf(strSub1,30)--23
document.write("str.indexOf(strSub1,20)"+"--" + str.lastIndexOf(strSub1,20) + "<br />");//str.indexOf(strSub1,20)--16
document.write("str.indexOf(strSub2)"+"--"+ str.lastIndexOf(strSub2) + "<br />");//str.indexOf(strSub2)--26
document.write("str.indexOf(strSub3)"+"--"+ str.lastIndexOf(strSub3) + "<br />");//str.indexOf(strSub3)---1

3 match()方法,replace()方法和search()方法

match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配,返回存放匹配结果的数组。该数组的内容依赖于 regexp 是否具有全局标志 g。
//正则表达式部分后期深入学习再补充
语法:stringObject.match(searchvalue)//检索指定字符串
stringObject.match(regexp)//检索正则表达式
注释:
searchvalue必需要有,提供被检索的子串。如果没找指定子串则返回null 。
searchvalue写成/searchvalue/g可实现每个匹配都将被找到并以数组形式返回,写成“searchvalue” 只将第一个与之匹配的子串替换掉。
示例:

var str="You can you up ,no can no BiBi";
var strSub1="no";
var strSub2="BiBi";
var strSub3="bibi";
document.write("str:"+str+ "<br />")//str:You can you up ,no can no BiBi
document.write("str.match(strSub1)"+"--"+ str.match(strSub1) + "<br />");//str.match(strSub1)--no
document.write("str.match('no')"+"--"+ str.match('no') + "<br />");//str.match('no')--no
document.write("str.match(/no/g)"+"--"+ str.match(/no/g) + "<br />");//str.match('no')--no,no
document.write("str.match(strSub2)"+"--"+ str.match(strSub2) + "<br />");//str.match(strSub2)--BiBi
document.write("str.match(strSub3)"+"--"+ str.match(strSub3) + "<br />");//str.match(strSub3)--null

引用W3school:
说明
match() 方法将检索字符串 stringObject,以找到一个或多个与 regexp 匹配的文本。这个方法的行为在很大程度上有赖于 regexp 是否具有标志 g。

如果 regexp 没有标志 g,那么 match() 方法就只能在 stringObject 中执行一次匹配。如果没有找到任何匹配的文本,
match() 将返回 null。否则,它将返回一个数组,其中存放了与它找到的匹配文本有关的信息。该数组的第 0
个元素存放的是匹配文本,而其余的元素存放的是与正则表达式的子表达式匹配的文本。除了这些常规的数组元素之外,返回的数组还含有两个对象属性。index
属性声明的是匹配文本的起始字符在 stringObject 中的位置,input 属性声明的是对 stringObject 的引用。

如果 regexp 具有标志 g,则 match() 方法将执行全局检索,找到 stringObject
中的所有匹配子字符串。若没有找到任何匹配的子串,则返回
null。如果找到了一个或多个匹配子串,则返回一个数组。不过全局匹配返回的数组的内容与前者大不相同,它的数组元素中存放的是
stringObject 中所有的匹配子串,而且也没有 index 属性或 input 属性。

注意:在全局检索模式下,match()
即不提供与子表达式匹配的文本的信息,也不声明每个匹配子串的位置。如果您需要这些全局检索的信息,可以使用 RegExp.exec()。

这段引用···我真的是不明觉厉,先呆着吧·····

replace()方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。
语法:stringObject.replace(regexp/substr,replacement)
注释:replace()方法将在 stringObject 中查找与regexp/substr相匹配的子字符串,然后用 replacement 来替换这些子串。

WC3说(replacement 可以是字符串,也可以是函数。如果它是字符串,那么每个匹配都将由字符串替换。)实例1代码验证只能替换第一个与之匹配的子串。实例2验证replacement 为字符串时,substr写成/substr/g可实现每个匹配都将由字符串替换,写成“substr” 只将第一个与之匹配的子串替换掉。
* 为什么?我也不太明白,先记着吧,毕竟我也是菜菜,以后深入学习再补充,此处正则表达式也省略,以后补充*

实例1:

var str="You can you up ,no can no BiBi";
var strSub1="no";
var strSub2="BiBi";
var strSub3="bibi";
document.write("str:"+str+ "<br />");//str:You can you up ,no can no BiBi
document.write("str.replace('can','no')"+"--"+ str.replace('can','no') + "<br />");//str.replace('can','no')--You no you up ,no can no BiBi

实例2

var str="You can you up ,no can no BiBi";
var strSub1="no";
var strSub2="BiBi";
var strSub3="bibi";
document.write("str:"+str+ "<br />");//str:You can you up ,no can no BiBi
document.write("str.replace(/can/g,no')"+"--"+ str.replace(/can/g,'no') + "<br />");//str.replace(/can/g,no')--You no you up ,no no no BiBi

search()方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串。
//后期深入学习match()方法再补充此处,个人觉得search()和match()在使用时···我酱紫的初学者会乱来···所以要注意区别

语法:stringObject.search(regexp)
注释:返回值stringObject 中第一个与 regexp 相匹配的子串的起始位置,没找到则返回-1,search() 方法将忽略标志 g,忽略 regexp 的 lastIndex 属性,不执行全局匹配,总是从字符串的开始进行检索即search() 方法总是返回 stringObject 的第一个匹配的位置。search() 对大小写敏感,要执行忽略大小写的检索,请追加标志 i。
实例:

var str="You can you up ,no can no BiBi";
document.write("str:"+str+ "<br />");//str:You can you up ,no can no BiBi
var strSub1="no";
document.write("str.search(strSub1)"+"--"+ str.search(strSub1) + "<br />");//str.search(strSub1)--16
document.write("str.search('no')"+"--"+ str.search('no') + "<br />");//str.search('no')--16
document.write("str.search(/no/g)"+"--"+ str.search(/no/g) + "<br />");//str.search(/no/g)--16
document.write("str.search('BiBi')"+"--"+ str.search('BiBi') + "<br />");//str.search('BiBi')--26
document.write("str.search('bibi')"+"--"+ str.search('bibi') + "<br />");//str.search('bibi')---1
document.write("str.search(/bibi/i)"+"--"+ str.search(/bibi/i) + "<br />");//str.search(/bibi/i)--26

4 slice()方法,substring()方法,substr()方法和split()方法

slice()方法,substring()方法
都用于提取字符串中介于两个指定下标之间的字符,都返回一个新的字符串。返回子串包含从start 开始(包括 start)到 end 结束(不包括 end)为止的所有字符。但slice() 比 substring() 要灵活一些,因为它允许使用负数作为参数。 substring() 中,如果参数 start 与 stop 相等,那么该方法返回的就是一个空串(即长度为 0 的字符串),如果 start 比 stop 大,那么该方法在提取子串之前会先交换这两个参数。

语法:
stringObject.substring(start,stop)
stringObject.slice(start,end)

实例

var str="0123456789";
document.write("str:"+str+ "<br />");//str:0123456789
document.write("str.slice(1,3)"+"--"+ str.slice(1,3) + "<br />");//str.slice(1,3)--12
document.write("str.substring(1,3)"+"--"+ str.substring(1,3) + "<br />");//str.substring(1,3)--12
document.write("str.slice(-5,3)"+"--"+ str.slice(-5,3) + "<br />");//str.slice(-5,3)--
document.write("str.substring(-5,3)"+"--"+ str.substring(-5,3) + "<br />");//str.substring(-5,3)--012
document.write("str.slice(5,3)"+"--"+ str.slice(5,3) + "<br />");//str.slice(5,3)--
document.write("str.substring(5,3)"+"--"+ str.substring(5,3) + "<br />");//str.substring(5,3)--34

substr()方法
substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。返回一个新的字符串。

语法:
stringObject.substr(start,length)
注释:
start必需。要抽取的子串的起始下标。必须是数值。如果是负数,那么该参数声明从字符串的尾部开始算起的位置。也就是说,-1 指字符串中最后一个字符,-2 指倒数第二个字符,以此类推。
length可选。子串中的字符数。必须是数值。如果省略了该参数,那么返回从 stringObject 的开始位置到结尾的字串。为负值和0时返回一个空串。

实例

var str="0123456789";
document.write("str:"+str+ "<br />");//str:0123456789
document.write("str.substr(1,3)"+"--"+ str.substr(1,3) + "<br />");//str.substr(1,3)--123
document.write("str.substr(-5,3)"+"--"+ str.substr(-5,3) + "<br />");//str.substr(-5,3)--567
document.write("str.substr(5,3)"+"--"+ str.substr(5,3) + "<br />");//str.substr(5,3)--567
document.write("str.substr(5)"+"--"+ str.substr(5) + "<br />");//str.substr(5)--56789
document.write("str.substr(5,-2)"+"--"+ str.substr(5,-2) + "<br />");//str.substr(5,-2)--
document.write("str.substr(5,0)"+"--"+ str.substr(5,0) + "<br />");//str.substr(5,0)--

split()方法
字符串的split() 方法只能把一个字符串分割成字符串数组,而数组的split()可以删除,插入,替换。
语法:
stringObject.split(separator,howmany)
注释:
从与stringObject(必须)字符串或正则表达式匹配的地方开始分割字符串,返回(数组length)最大长度为howmany(可选)的数组,如果没有设置howmany,整个字符串都会被分割,不考虑它的长度。返回一个字符串数组。该数组是通过在 separator 指定的边界处将字符串 stringObject 分割成子串创建的。返回的数组中的字串不包括 separator 自身。与数组中的join()相反
实例:

var str="01234012340123401234012340123401234012340123401234"
document.write("str:"+str+ "<br />");//str:01234012340123401234012340123401234012340123401234
document.write("  (str.split('2',2)).join('|') "+"--"+ (str.split('2',2)).join('|') + "<br />");//(str.split('2',2)).join('|') --01|3401
document.write("  (str.split('2',5)).join('|') "+"--"+ (str.split('2',5)).join('|') + "<br />");//(str.split('2',5)).join('|') --01|3401|3401|3401|3401
document.write(" (str.split('2')).join('|')"+"--"+ (str.split('2')).join('|')+ "<br />");//(str.split('2')).join('|')--01|3401|3401|3401|3401|3401|3401|3401|3401|3401|34

5 trim()方法

trim()方法去除字符串左右两端的空格
语法:
······························呆着吧,不知道什么鬼,天天说有用

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值