常用JavaScript字符串方法简述
发布在js菜鸟中的菜鸟开始学飞2014年12月11日view:3459
在文章任何区域双击击即可给文章添加【评注】!浮到评注点上可以查看详情。

indexOf(str) 返回字符串中参数字符串第一次出现的位置(从左到右搜索,并且下表从0开始)。如果没有匹配项,返回-1

enter code here
var str="gudaochuan";
var index1=str.indexOf("c");//结果是5
var index2=str.indexOf("u",3);//从索引位置3开始,往右查找,结果是7
var index3=str.indexOf("i");//结果是-1,找不到字符i
var index4=str.indexOf("dao",1);//结果是2

以下是上面代码执行结果、可以自行测试 enter image description here

注:indexOf()对大小写敏感!

charAt(index) 返回指定位置的字符。

enter code here var result=str.charAt(0);//result的结果是"g"

以下是执行结果 enter image description here

lastIndexOf(str) 返回字符串中参数字符串最后一处出现的索引(从右到左搜索),如果没有匹配项,返回-1

enter code here
var result1=str.lastIndexOf("a");//结果是8
var result2=str.lastIndexOf("a",3);//从索引位置3开始,往左查找,结果是3

以下是执行结果 enter image description here

substring(start,[end]) 查找指定索引位置的字符串,并将其返回。 返回从第一个参数的位置开始,到第二个参数位置的之前的字符串。第一个参数必填,第二个参数可以不写。如果第二个参数不写,表示结束的位置是到最后。

enter code here
var result1=str.substring(5);//输出结果是"chuan"
var result2=str.substring(5,9);//输出结果是"chua"

执行结果: enter image description here

substr[begin,[length]] 返回字符串的一个子串,传入参数是起始位置和长度。第一个参数必填,第二个参数可以不写。如果第二个参数不写,表示结束位置到最后(这点和substring方法相同)

enter code here
var result1=str.substr(5);//输出结果是"chuan"
var result2=str.substr(5,4);//输出结果是"chua"

执行结果: enter image description here

toUpperCase()和*toLowerCase()* toUpperCase() 将整个字符串转成大写字母 toLowerCase() 将整个字符串转成小写字母

enter code here
//toUpperCase()
var result1=str.toUpperCase();//输出结果是GUDAOCHUAN
//toLowerCase()
var result2=result1.toLowerCase();//输出结果是gudaochuan

执行结果: enter image description here

replace() 字符串查找并替换的方法,功能很强大。需要配合正则表达式

enter code here
var result=str.replace(/[o]/g,"---");//结果是guda---chuan

执行结果: enter image description here

search(reg) 用来查找字符的位置,和indexOf()很像,他比indexOf的有点在于参数可以是一个正则表达式

enter code here
var result=str.search(/[o]/);//执行结果是4

执行结果: enter image description here

split(separator,[limit]) 用制定的字符或者正则分隔符,把一个字符串分隔,结果作为一个数组返回。如果没有指定的分隔符,则默认一逗号,为分隔符。

enter code here
var str="2014-12-12 11:11:11";
var ary1=str.split(/[- :]/);//输出结果是   ["2014", "12", "12", "11", "11", "11"]
var ary2=str.split(/[- :]/,2);//输出结果是  ["2014", "12"]   

执行结果: enter image description here

match(reg) 此方法很强大,需要配合正则来实现。他是以正则为参数,把正则匹配到的内容保存到数组里返回,如果没有匹配到返回null。

enter code here
var reg=/^[a-z]+$/;
var str1="gudaochuan";
var str2="0123456789";
var str3="gu012dao-chuan";
var result1=str1.match(reg);//结果是一个类数组,保存着
var result2=str2.match(reg);//结果是null
var result3=str3.match(reg);//结果是null

执行结果: enter image description here

concat() 将两个或多个字符的文本组合起来,返回一个新的字符串。用的不多。我们一般都用+来拼接

enter code here
var a="hello";
var b=":呵呵~"
var result=a.concat(str,b);//执行输出“hellogudaochuan:呵呵~”

执行结果: enter image description here

slice() 功能与substring()相同,用的不多。

charCodeAt(index) 指定索引位置的字符的Unicode码

enter code here
var num=str.charCodeAt(1);//结果是117

执行结果: enter image description here

评论
发表评论
5年前
赞了此文章!
5年前
赞了此文章!
5年前
赞了此文章!
5年前
赞了此文章!
5年前
赞了此文章!
WRITTEN BY
古道川
技法无高低、功力有深浅。
TA的新浪微博
PUBLISHED IN

我的收藏