常用字符串处理函数
一、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!
浙公网安备 33010602011771号