常用字符串处理函数

一、substring(start,stop) 方法用于提取字符串中介于两个指定下标之间的字符。(不接受负参数)

var str0 = "hello world"; 
document.write(str0.substring(3) + "</br>"); //lo world 
document.write(str0.substring(3,7) + "</br>"); //lo w

二、slice(start,end) 方法可提取字符串的某个部分,并以新的字符串返回被提取的部分。(接受负参数)

var str1 = "Wish you have a good day"; 
document.write(str1.slice(6) + "</br>"); //ou have a good day 
document.write(str1.slice(6,11) + "</br>");//ou ha 
document.write(str1.slice(-6) + "</br>");//od day 
document.write(str1.slice(-10,-2) + "</br>");//a good d

三、split(separator,howmany) 方法用于把一个字符串分割成字符串数组。

var str2 = "Tom,Welcome to google!" 
document.write(str2.split(" ") + "</br>"); //["Tom,Welcome", "to", "google!"] 
document.write(str2.split("") + "</br>"); //["T", "o", "m", ",", "W", "e", "l", "c", "o", "m", "e", " ", "t", "o", " ", "g", "o", "o", "g", "l", "e", "!"] 
document.write(str2.split(" ",2) + "</br>")//["Tom,Welcome", "to"]
四、replace(regexp/substr,replacement) 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。

var str3 = "visit microsoft!" 
document.write(str3.replace(/Microsoft/, "W3School") + "</br>") //visit w3School! 
document.write(str3.replace(/\b\w+\b/g, function(word){ 
        return word.substring(0,1).toUpperCase()+word.substring(1);
    } 
) + "</br>") //Visit Microsoft!

五、serach(regexp) 方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串,并返回相匹配的子串的起始位置。如果没有找到任何匹配的子串,则返回 -1。

var str4 = "Visit W3School!" 
document.write(str4.search(/School/) + "</br>");//8 
document.write(str4.search(/w3School/) + "</br>");//-1 (search检索区分大小写)


六、indexOf(searchvalue,fromindex) 方法可返回某个指定的字符串值在字符串中首次出现的位置。

1) 如果找到一个 searchvalue,则返回 searchvalue 的第一次出现的位置。

2) indexOf() 方法对大小写敏感!

3) 如果要检索的字符串值没有出现,则该方法返回 -1。

var str5 = "Vue Is Progressive JavaScript Framework" 
document.write(str5.indexOf("is") + "</br>"); // -1 
document.write(str5.indexOf("JavaScript") + "</br>"); //19 
document.write(str5.indexOf("JavaScript",18) + "</br>"); //19 
document.write(str5.indexOf("JavaScript",21) + "</br>"); //-1


七、charAt(index) 方法可返回指定位置的字符。(长度为1)

var str6 = "AngularJS is MVC framework"; 
document.write(str6.charAt(6) + "</br>"); //r


八、charCodeAt(index) 方法可返回指定位置的字符的 Unicode 编码。这个返回值是 0 - 65535 之间的整数。

var str7 = "jQuery是一个快速、简洁的JavaScript框架"; 
document.write(str7.charCodeAt(8) + "</br>"); //20010 (个的Unicode编码为20010) 
document.write(str7.charCodeAt(4) + "</br>"); //114
document.write("===================="+"</br>")


九、toString() 方法返回字符串。

var array = ["AngularJS" , "is" , "MVC" , "framework"]; 
var str8 = "nice"; 
document.write(array.toString() + "</br>")//AngularJS,is,MVC,framework 
document.write(str8.toString() + "</br>") //nice (如果原始对象为字符串一般不会使用toString()方法)


十、toLowerCase() 方法用于把字符串转换为小写;toUpperCase() 方法用于把字符串转换为大写。

var str9 = "javascript"; 
document.write(str9.toUpperCase() + "</br>");//JAVASCRIPT 
document.write(str9.toUpperCase().toLowerCase() + "</br>");//javascript


十一、substr(start,length) 方法可在字符串中抽取从 start 下标开始的指定数目的字符。

var str10 = "wordpress blog system"; 
document.write(str10.substr(4) + "</br>");//press blog system 
document.write(str10.substr(4,8) + "</br>");//press bl


十二、sup() 方法用于把字符串显示为上标;sub() 方法用于把字符串显示为下标。

var str11 = "react framework"; 
document.getElementsByTagName("p")[0].innerHTML = "React" + str11.sup();//<sup>react framework</sup> 
document.getElementsByTagName("p")[1].innerHTML = "React" + str11.sub();//<sub>react framework</sub>


十三、link() 方法用于把字符串显示为超链接。

var str12="锐志"; 
document.getElementsByTagName("p")[2].innerHTML = str12.link("http://www.xurry.top");


十四、match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。// 该方法类似 indexOf() 和 lastIndexOf(),但是它返回指定的值的数组对象,而不是字符串的位置。

var str13="1 plus 2 equal 3" 
document.write(str13.match(/\d+/g) + "</br>");//["1", "2", "3"] 

十五、fixed() 方法用于把字符串显示为打字机字体。

var str14="Hello world!" document.write(str14.fixed() + "</br>")


十六、concat() 方法用于连接两个或多个字符串。

var str16="Hello " var str17="world!" 
document.write(str16.concat(str17) + "</br>")//Hello world!

posted @ 2017-09-29 16:04  夕阳下的小老头儿  阅读(66)  评论(0)    收藏  举报