JS 前20個常用字串方法及使用方式

前端小智發表於2019-08-29

想閱讀更多優質文章請猛戳GitHub部落格,一年百來篇優質文章等著你!

本文主要介紹一些最常用的JS字串函式,列表如下:

  • charAt(x)
  • charCodeAt(x)
  • concat(v1,v2..)
  • fromCharcode(c1,c2)
  • indexOf(substr, [start])
  • lastIndexOf(substr, [start])
  • match(regexp)
  • replace(regexp/substr, replacetext)
  • search(regexp)
  • slice(start, [end])
  • split(delimiter, [limit])
  • substr(start, [length])
  • substring(from, [to])
  • toLowerCase()
  • toUpperCase()
  • includes()
  • endsWith()
  • repeat()
  • valueOf()
  • trim()

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值。

//charCodeAt(position)
var message="jquery4u"
//alert "113"
alert(message.charCodeAt(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方法搜尋並(如果找到)返回字串中搜尋到的字元或子字串的索引。如果沒有找到,則返回-1Start是一個可選引數,指定字串中開始搜尋的位置,預設值為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 到該字串的結尾的字元。

//substr(from, to)
var text="excellent"
text.substr(0,4) //returns "exce"
text.substr(2,4) //returns "cell"
複製程式碼

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.toUpperCase()

toUpperCase() 方法用於把字串轉換為大寫。

//toUpperCase()
var myString = 'javascript rox';
myString = myString.toUpperCase();
console.log(myString)
//output: JAVASCRIPT ROX
複製程式碼

16. includes()

includes() 方法用於檢查字串是否包含指定的字串或字元。

//includes()
var mystring = "Hello, welcome to edureka";
var n = mystring.includes("edureka");
//output: True
複製程式碼

17. endsWith()

endsWith()函式檢查字串是否以指定的字串或字元結束。

//endsWith()
var mystr = "List of javascript functions";
var n = mystr.endsWith("functions");
//output: True
複製程式碼

18. repeat()

repeat() 構造並返回一個新字串,該字串包含被連線在一起的指定數量的字串的副本。

//repeat()
var string = "Welcome to Edureka";
string.repeat(2);
//output: Welcome to Edureka Welcome to Edureka
複製程式碼

19. valueOf()

valueOf() 方法返回一個String物件的原始值(primitive value),該值等同於String.prototype.toString()

//valueOf()
var mystr = "Hello World!";
var res = mystr.valueOf();
//output: Hello World!
複製程式碼

20. trim()

trim() 方法會從一個字串的兩端刪除空白字元。在這個上下文中的空白字元是所有的空白字元 (space, tab, no-break space 等) 以及所有行終止符字元(如 LF,CR)

//trim()
var str = "     Hello Edureka!     ";
alert(str.trim());
複製程式碼

程式碼部署後可能存在的BUG沒法實時知道,事後為了解決這些BUG,花了大量的時間進行log 除錯,這邊順便給大家推薦一個好用的BUG監控工具 Fundebug

參考:www.youtube.com/watch?v=VRz…

交流(歡迎加入群,群工作日都會發紅包,互動討論技術)

乾貨系列文章彙總如下,覺得不錯點個Star,歡迎 加群 互相學習。

github.com/qq449245884…

我是小智,公眾號「大遷世界」作者,對前端技術保持學習愛好者。我會經常分享自己所學所看的乾貨,在進階的路上,共勉!

關注公眾號,後臺回覆福利,即可看到福利,你懂的。

JS 前20個常用字串方法及使用方式

每次整理文章,一般都到2點才睡覺,一週4次左右,挺苦的,還望支援,給點鼓勵

JS 前20個常用字串方法及使用方式

相關文章