20個常用的JavaScript字符串方法

2021-02-20 web前端開發

來源 | https://segmentfault.com/a/1190000020204425

本文主要介紹一些最常用的JS字符串函數。

1. charAt(x)

charAt(x)返回字符串中x位置的字符,下標從 0 開始。

        var myString = 'jQuery FTW!!!';    console.log(myString.charAt(7));    

2. charCodeAt(x)
`charCodeAt(x)`返回字符串中`x`位置處字符的`unicode`值。
var message="jquery4u" alert(message.charAt(1)

3. concat(v1,v2..)

concat() 方法用於連接兩個或多個字符串,此方法不改變現有的字符串,返回拼接後的新的字符串。

//concat(v1, v2,..)    var message="Sam"    var final=message.concat(" is a"," hopeless romantic.")        alert(final)

4. fromCharcode(c1,c2)

fromCharcode(c1,c2)轉換一組Unicode值轉換為字符。

      console.log(String.fromCharCode(97,98,99,120,121,122))        console.log(String.fromCharCode(72,69,76,76,79))    

5. indexOf(substr, [start])

indexOf方法搜索並(如果找到)返回字符串中搜索到的字符或子字符串的索引。如果沒有找到,則返回-1。Start是一個可選參數,指定字符串中開始搜索的位置,默認值為0。

       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。

       var myString = 'javascript rox';    console.log(myString.lastIndexOf('r'));    

7. match(regexp)

根據正則表達式在字符串中搜索匹配項。如果沒有找到匹配項,則返回一個信息數組或null。

      var intRegex = /[0-9 -()+]+$/;      var myNumber = '999';    var myInt = myNumber.match(intRegex);    console.log(isInt);        var myString = '999 JS Coders';    var myInt = myString.match(intRegex);    console.log(isInt);    

8. replace(regexp/substr, replacetext)

replace() 方法用於在字符串中用一些字符替換另一些字符,或替換一個與正則表達式匹配的子串。

        var myString = '999 JavaScript Coders';    console.log(myString.replace(/JavaScript/i, "jQuery"));                 var myString = '999 JavaScript Coders';    console.log(myString.replace(new RegExp( "999", "gi" ), "The"));    

9. search(regexp)

search() 方法用於檢索字符串中指定的子字符串,或檢索與正則表達式相匹配的子字符串,如果找到,返回與 regexp 相匹配的子串的起始位置,否則返回 -1。

     var intRegex = /[0-9 -()+]+$/;      var myNumber = '999';    var isInt = myNumber.search(intRegex);    console.log(isInt);    

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 到該字符串的結尾的字符。

    var text="excellent"    text.substring(0,4)     text.substring(2,4) 

13. substring(from, [to])

substring() 方法用於提取字符串中介於兩個指定下標之間的字符,方返回的子串包括 start 處的字符,但不包括 stop 處的字符,to 可選,如果省略該參數,那麼返回的子串會一直到字符串的結尾。

    var myString = 'javascript rox';    myString = myString.substring(0,10);    console.log(myString)    

14. toLowerCase()

toLowerCase() 方法用於把字符串轉換為小寫。

       var myString = 'JAVASCRIPT ROX';    myString = myString.toLowerCase();    console.log(myString)    

15. toUpperCase()

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

       var myString = 'javascript rox';    myString = myString.toUpperCase();    console.log(myString)    

16. includes()

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

      var mystring = "Hello, welcome to edureka";    var n = mystring.includes("edureka");    

17. endsWith()

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

     var mystr = "List of javascript functions";    var n = mystr.endsWith("functions");    

18. repeat()

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

        var string = "Welcome to Edureka";    string.repeat(2);    

19. valueOf()

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

        var mystr = "Hello World!";    var res = mystr.valueOf();    

20. trim()

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

       var str = "     Hello Edureka!     ";    alert(str.trim());

相關焦點

  • 在JavaScript中,使用replace()、test()和exec()方法匹配字符串
    個參數可以是查找的字符串,也可以是一個正則表達式,此例子中是一個正則表達式。第2個參數是最終要替換為的新字符串。該方法的功能是將第1個參數匹配到的值替換為第2個參數的值。返回的結果就是替換後的新字符串。
  • 20個常用的JavaScript簡寫技巧
    箭頭函數 參考:JavaScript Arrow function https://jscurious.com/javascript-arrow-function/ 8. 模板字符串 我們一般使用 + 運算符來連接字符串變量。
  • 8個簡單的JavaScript字符串方法
    const str = "Hello World";str.length2、Sliceslice()方法提取字符串的一部分,並將提取的部分返回到新字符串中。它有兩個參數。這類似於切一條麵包,然後在其中切成薄片。
  • javascript之常用數據類型及判斷方法
    ,今天,我們來具體重新了解下javascript中的常見數據類型以及他們的判斷方法。,1.基本數據類型:包括number:數字類型;string:字符串類型;boolean布爾類型。3.特殊數據類型:包括null(空對象數據);underfined:未定義的任何數據類型注意:未定義的值和定義未賦值的數據均表示為undefined,null是一種特殊的object對象,NaN是一種特殊的num,常用來判斷數據返回是否為數字
  • JavaScript算法練習:字符串反轉
    反轉一個字符串是JavaScript中常見的面試題之一。可能面試官會給你一個字符串「Hello Word!」,讓你通過JavaScript的方法,將其變成"!droW olleH"。我也是初學者,利用前面所學數組相關的知識以及題目的提示,我算是過關了,後來想,是不是還有其他的方法能破此題呢?搜索了一下,還是有不少的方法,這裡把這些方法羅列一下,以備後面可以使用。
  • Javascript去除字符串中的點或其他符號
    在前端上使用javascript進行操作的。測試了兩次沒有好用,程序直接把整個字符串都進行了替換,在考慮這個是為什麼呢?javascript(請忽略此配圖)示例var ip = data.field.ip.replace(/.
  • 8個簡單的JavaScript數字方法
    const num = 123;num.toString(); (100 + 44).toString(); 2、ToexponentialtoExponential()方法返回一個字符串,其字符串使用指數表示法四捨五入並寫入。該參數是可選的。整數形式,取值範圍是0到20,表示小數點後的位數。
  • Java中的字符串常用方法
    (String類的valueOf方法可以把任意類型的數據轉成字符串。)public String toLowerCase(): 把字符串轉成小寫。public String toUpperCase(): 把字符串轉成大寫。
  • JavaScript 中 Eval 函數的前世今生,執行代碼字符串
    Eval:執行代碼字符串內建函數 eval 允許執行一個代碼字符串。有兩種方法可以完全避免此類問題。如果 eval 中的代碼沒有使用外部變量,請以 window.eval(...)new Function 從字符串創建一個函數,並且也是在全局作用域中的。所以它無法訪問局部變量。但是,正如上面的示例一樣,將它們作為參數進行顯式傳遞要清晰得多。總結調用 eval(code) 會運行代碼字符串,並返回最後一條語句的結果。在現代 JavaScript 編程中,很少使用它,通常也不需要使用它。可以訪問外部局部變量。
  • 數據處理技巧 | 一次性匯總了30+字符串常用處理方法
    今天這篇推文我們就匯總下Python中常用的字符串處理小技巧,字符串在Python數據處理中是非常常見且極易忽略的常用數據類型,且Python本身也提供大量運算符、函數和方法來處理字符串。話不多說,接下來我們就匯總下字符串處理小技巧(ps:都是小編經常用到的處理技巧,可能不是很全哦)字符串常用操作這個操作相對簡單,就是對字符串進行組合,如下:a = "Data"b = "Charm"print(a+b) # DataCharm
  • 19 個常用的 JavaScript 簡寫方法
    const x = 20;let answer;if (x > 10) {    answer = 'is greater';} else {    answer = 'is lesser';}簡寫:const answer = x >
  • 在JavaScript中重複字符串的三種方法
    在本文中,我將解釋如何解決freeCodeCamp的「重複字符串重複字符串」挑戰。這涉及重複一個字符串一定次數。 我將介紹三種方法: 使用while循環 使用遞歸 使用ES6 repeat()方法 算法挑戰說明 重複給定的字符串(第一個參數)num次(第二個參數)。
  • Python中最常用的字符串方法!
    Python中內置的string類代表基於Unicode國際字符集的字符串。除了Python中常見的操作外,字符串還有一些專屬於它們的附加方法。下圖顯示了所有這些可用的方法:Python中的內置字符串函數在本文中,我們將學習一些最常用的方法。這裡需要注意的重要一點是,所有的字符串方法總是會返回新值,並不更改或操作原始字符串。
  • 探秘JavaScript中的六個字符
    -1370.html原文:http://jazcash.com/a-javascript-journey-with-only-six-characters/JavaScript 是一個奇怪而有趣的語言,我們可以寫一些瘋狂卻仍然有效的代碼。
  • 字符串拼接方式哪種快?使用Python分析連接字符的常用方法及性能
    上一篇文章我們分析了幾種常用的字符串拼接方式,從使用場合和時機對幾種方式進行了對比。今天,我們來對比一下這幾種方式的性能,以便大家在以後的應用中能迅速找到最優性能的字符串拼接方式。# 隨機生成5-8位的字符串for j in range(randint(5, 8)):tmp_str += choice(ascii_letters)r_lst.append(tmp_str)return r_lst看下效果,比如生成20個隨機(5-8位)的字符串,我們直接使用create_str(20),即可獲取。
  • JavaScript 函數replace揭秘
    在JavaScript中replace函數作為字符串替換函數,它是一個具有強大威力的字符串操作函數,對於常見字符串操作的推薦用法。- $$i (i:1-99) : 表示從左到右正則子表達式所匹配的文本(正則group);$&:表示與正則表達式匹配的全文本;$(:切換技能鍵):表示匹配字符串的左邊文本;$』(『:單引號):表示匹配字符串的右邊文本;$$:表示關鍵字$的轉義。
  • python的內置函數eval:字符串運算
    前言最先認識eval,是在javascript中,eval() 函數可計算某個字符串,並執行其中的的 JavaScript 代碼。在javascript中,該方法只接受原始字符串作為參數,如果 string 參數不是原始字符串,那麼該方法將不作任何改變地返回。因此請不要為 eval() 函數傳遞 String 對象來作為參數。
  • Python的list、元組、字典、字符串常用方法操作
    導讀Python的list、元組、字典、字符串常用方法操作
  • java開發工程師 javascript的字符串
    在這裡,所有的字符串都是用雙引號引起來的,那麼什麼時候使用到單引號呢?那就是拼接元素的時候。舉個例子:比如,我想在一個id = box的div中,拼接一段下拉框元素,最後的效果如下:效果如下:  toUpperCase()方法是將所有字母轉換成大寫字母,相反的,toLowerCase()方法是將所有字母轉換成小寫字母。 2.字符串的替換:
  • 使用JavaScript截斷字符串
    在Web中截斷字符串的場景隨處可見,CSS3未出現之前,截斷字符串都是通過後端程序或者說JavaScript來處理。}    width: 100% - $substract;    overflow: hidden;}而今天這篇文章要說的是不是CSS或者說後端程序截斷字符串方法,而是來說說如何使用JavaScript方法截斷字符串。