更新時間:2020-10-30 17:31:05 來源:動力節點 瀏覽1462次
字符串函數對于字符串的使用有著很大的幫助,本文我們就來為大家介紹一下18個常用JavaScript字符串函數。
1. charAt(x)
charAt(x)返回字符串中x位置的字符,下標從 0 開始。
//charAt(x)
var myString = 'jQuery FTW!!!';
console.log(myString.charAt(7));
//output: F
2. charCodeAt(x)
`charCodeAt(x)`返回字符串中`x`位置處字符的`unicode`值。
//charAt(position)
var message="jquery4u"
//alert "113"
alert(message.charAt(1)
3. concat(v1,v2..)
concat() 方法用于連接兩個或多個字符串,此方法不改變現有的字符串,返回拼接后的新的字符串。
//concat(v1, v2,..)
var message="Sam"
var final=message.concat(" is a"," hopeless romantic.")
//alerts "Sam is a hopeless romantic."
alert(final)
4. fromCharcode(c1,c2)
fromCharcode(c1,c2)轉換一組Unicode值轉換為字符。
//fromCharCode(c1, c2,...)
console.log(String.fromCharCode(97,98,99,120,121,122))
//output: abcxyz
console.log(String.fromCharCode(72,69,76,76,79))
//output: HELLO
5. indexOf(substr, [start])
indexOf方法搜索并(如果找到)返回字符串中搜索到的字符或子字符串的索引。如果沒有找到,則返回-1。Start是一個可選參數,指定字符串中開始搜索的位置,默認值為0。
//indexOf(char/substring)
var sentence="Hi, my name is Sam!"
if (sentence.indexOf("Sam")!=-1)
alert("Sam is in there!")
6. lastIndexOf(substr, [start])
lastIndexOf() 方法返回指定文本在字符串中最后一次出現的索引, 如果未找到,則返回-1。 “Start”是一個可選參數,指定字符串中開始搜索的位置, 默認值為string.length-1。
//lastIndexOf(substr, [start])
var myString = 'javascript rox';
console.log(myString.lastIndexOf('r'));
//output: 11
7. match(regexp)
根據正則表達式在字符串中搜索匹配項。如果沒有找到匹配項,則返回一個信息數組或null。
//match(regexp) //select integers only
var intRegex = /[0-9 -()+]+$/;
var myNumber = '999';
var myInt = myNumber.match(intRegex);
console.log(isInt);
//output: 999
var myString = '999 JS Coders';
var myInt = myString.match(intRegex);
console.log(isInt);
//output: null
8. replace(regexp/substr, replacetext)
replace() 方法用于在字符串中用一些字符替換另一些字符,或替換一個與正則表達式匹配的子串。
//replace(substr, replacetext)
var myString = '999 JavaScript Coders';
console.log(myString.replace(/JavaScript/i, "jQuery"));
//output: 999 jQuery Coders
//replace(regexp, replacetext)
var myString = '999 JavaScript Coders';
console.log(myString.replace(new RegExp( "999", "gi" ), "The"));
//output: The JavaScript Coders
9. search(regexp)
search() 方法用于檢索字符串中指定的子字符串,或檢索與正則表達式相匹配的子字符串,如果找到,返回與 regexp 相匹配的子串的起始位置,否則返回 -1。
//search(regexp)
var intRegex = /[0-9 -()+]+$/;
var myNumber = '999';
var isInt = myNumber.search(intRegex);
console.log(isInt);
//output: 0
10. slice(start, [end])
slice() 方法可提取字符串的某個部分,返回一個新的字符串。包括字符串從 start 開始(包括 start)到 end 結束(不包括 end)為止的所有字符。
//slice(start, end)
var text="excellent"
text.slice(0,4) //returns "exce"
text.slice(2,4) //returns "ce"
11. split(delimiter, [limit])
split() 方法用于把一個字符串分割成字符串數組,返回一個字符串數組返回的數組中的字串不包括 delimiter自身。 可選的“limit”是一個整數,允許各位指定要返回的最大數組的元素個數。
12. substr(start, [length])
substr() 方法可在字符串中抽取從 start 下標開始的指定數目的字符。返回一個新的字符串,包含從 start(包括 start 所指的字符) 處開始的 length 個字符。如果沒有指定 length,那么返回的字符串包含從 start 到該字符串的結尾的字符。
//substring(from, to)
var text="excellent"
text.substring(0,4) //returns "exce"
text.substring(2,4) //returns "ce"
13. substring(from, [to])
substring() 方法用于提取字符串中介于兩個指定下標之間的字符,方返回的子串包括 start 處的字符,但不包括 stop 處的字符,to 可選,如果省略該參數,那么返回的子串會一直到字符串的結尾。
//substring(from, [to])
var myString = 'javascript rox';
myString = myString.substring(0,10);
console.log(myString)
//output: javascript
14. toLowerCase()
toLowerCase() 方法用于把字符串轉換為小寫。
//toLowerCase()
var myString = 'JAVASCRIPT ROX';
myString = myString.toLowerCase();
console.log(myString)
//output: javascript rox
15. includes()
includes() 方法用于檢查字符串是否包含指定的字符串或字符。
//includes()
var mystring = "Hello, welcome to edureka";
var n = mystring.includes("edureka");
//output: True
16. endsWith()
endsWith()函數檢查字符串是否以指定的字符串或字符結束。
//endsWith()
var mystr = "List of javascript functions";
var n = mystr.endsWith("functions");
//output: True
17. repeat()
repeat() 構造并返回一個新字符串,該字符串包含被連接在一起的指定數量的字符串的副本。
//repeat()
var string = "Welcome to Edureka";
string.repeat(2);
//output: Welcome to Edureka Welcome to Edureka
18. valueOf()
valueOf() 方法返回一個String對象的原始值(primitive value),該值等同于String.prototype.toString()。
//valueOf()
var mystr = "Hello World!";
var res = mystr.valueOf();
//output: Hello World!
對于JavaScript字符串函數的講解就到此為止了。小編一口氣羅列了18個常用JavaScript字符串函數,是不是感覺有點多,如果有不太懂的小伙伴,估計要慢慢琢磨了,或者想深入了解JavaScript字符串函數的小伙伴可以觀看本站的Java基礎教程,繼續了解字符串的相關知識。
0基礎 0學費 15天面授
有基礎 直達就業
業余時間 高薪轉行
工作1~3年,加薪神器
工作3~5年,晉升架構
提交申請后,顧問老師會電話與您溝通安排學習