8個簡單的JavaScript字符串方法

2021-03-02 書圈

英文 | https://medium.com/front-end-weekly/8-javascript-string-methods-as-simple-as-possible-4239524035e8

翻譯 | web前端開發 (ID:web_qdkf)

JavaScript並不是它最初問世時的樣子了。

作為前端開發人員,學習JavaScript既覺得可怕又覺得至關重要。而且,如果你像我一樣,則不知道去哪裡,從哪裡開始。

網絡上成千上萬的學習資源可供選擇,這時,又會使我們感到焦慮,什麼也學不到。我們陷入了學習資源的地獄。

這是一個系列時的文章,今天我們開始字符串的學習。

因此,事不宜遲,讓我們開始吧。

1、length

length屬性返回字符串中包含空格的字符數。

const str = "Hello World";str.length

2、Slice

slice()方法提取字符串的一部分,並將提取的部分返回到新字符串中。它有兩個參數。這類似於切一條麵包,然後在其中切成薄片。但是請記住,索引從零開始。

const str = "Hello World";str.slice(2 , 5);//Returns llo

在上面的示例中,我們可以想像在位置2和5處進行切割,然後返回其之間的部分(llo)。

3、Replace

replace()方法將指定的值替換為字符串中的另一個值。

const str = 'YouAreAwesome';str.replace('Awesome', 'Beautiful');

4、改變大小寫

toUpperCase()和toLowerCase()是用於將字符串轉換為大寫或小寫的方法。這有助於我們實現大寫姓名的首字母。

const name = 'Shelby';name.toUpperCase();//SHELBYname.toLowerCase();//shelby

5、Concat

concat()方法用於連接兩個或多個字符串。當你有一個人的名字並想向他們打招呼時,這將很方便。

const str = 'Tim';
str.concat('IsAwesome');//TimIsAwesome

6、Trim

trim()方法用於刪除字符串兩側的空白。

const str = '    JavaScriptIsHard    ';str.trim();//JavaScriptIsHard

7、Charat

charAt()方法返回字符串中指定索引處的字符。

const best = 'JavaScript';best.charAt(6);// returns r

8、Split

split()方法將字符串轉換為數組。你必須傳遞一個字符,例如逗號(,)或空格,以告知在何處分割字符串。如果未傳遞任何內容,則在每個字符之間分割字符串。

const msg = 'Eight,Methods,Are,Done';msg.split(',');// returns the array ["Eight", "Methods", "Are", "Done"]

結論

這是8種儘可能簡單的JavaScript字符串方法。這對我的學習旅程有所幫助。我相信這對您也很重要。

JavaScript可能令人生畏,特別是如果您是初學者。但是一些簡單的指南可以幫助我們減輕學習過程中的焦慮感。

本文完~

相關焦點

  • 20個常用的JavaScript字符串方法
    concat() 方法用於連接兩個或多個字符串,此方法不改變現有的字符串,返回拼接後的新的字符串。//concat(v1, v2,..) var message="Sam" var final=message.concat(" is a"," hopeless romantic.")
  • 8個簡單的JavaScript數字方法
    英文 | https://medium.com/front-end-weekly/8-javascript-number-methods-as-simple-as-possible-c1cd73fbff6f
  • 在JavaScript中,使用replace()、test()和exec()方法匹配字符串
    個參數可以是查找的字符串,也可以是一個正則表達式,此例子中是一個正則表達式。第2個參數是最終要替換為的新字符串。該方法的功能是將第1個參數匹配到的值替換為第2個參數的值。返回的結果就是替換後的新字符串。
  • JavaScript算法練習:字符串反轉
    反轉一個字符串是JavaScript中常見的面試題之一。可能面試官會給你一個字符串「Hello Word!」,讓你通過JavaScript的方法,將其變成"!droW olleH"。我也是初學者,利用前面所學數組相關的知識以及題目的提示,我算是過關了,後來想,是不是還有其他的方法能破此題呢?搜索了一下,還是有不少的方法,這裡把這些方法羅列一下,以備後面可以使用。
  • Javascript去除字符串中的點或其他符號
    在前端上使用javascript進行操作的。測試了兩次沒有好用,程序直接把整個字符串都進行了替換,在考慮這個是為什麼呢?javascript(請忽略此配圖)示例var ip = data.field.ip.replace(/.
  • JavaScript 中 Eval 函數的前世今生,執行代碼字符串
    Eval:執行代碼字符串內建函數 eval 允許執行一個代碼字符串。有兩種方法可以完全避免此類問題。如果 eval 中的代碼沒有使用外部變量,請以 window.eval(...)new Function 從字符串創建一個函數,並且也是在全局作用域中的。所以它無法訪問局部變量。但是,正如上面的示例一樣,將它們作為參數進行顯式傳遞要清晰得多。總結調用 eval(code) 會運行代碼字符串,並返回最後一條語句的結果。在現代 JavaScript 編程中,很少使用它,通常也不需要使用它。可以訪問外部局部變量。
  • 20個常用的JavaScript簡寫技巧
    箭頭函數 參考:JavaScript Arrow function https://jscurious.com/javascript-arrow-function/ 8. 模板字符串 我們一般使用 + 運算符來連接字符串變量。
  • 探秘JavaScript中的六個字符
    構造函數是一個方法,所有JS對象僅返回自己的構造函數。現在我們可以構造一個我們可以使用方括號的函數"toString"`,我們可以這樣調用:(10)["toString"]() === "10"使用我們的黃金法則,我們已經可以將任何我們想要轉換成一個字符串,但是上面這個式子怎麼用呢?好吧,我告訴你,Number類型的toString方法有一個稱為radix(「基數」)的秘密的論點。
  • 在JavaScript中重複字符串的三種方法
    在本文中,我將解釋如何解決freeCodeCamp的「重複字符串重複字符串」挑戰。這涉及重複一個字符串一定次數。 我將介紹三種方法: 使用while循環 使用遞歸 使用ES6 repeat()方法 算法挑戰說明 重複給定的字符串(第一個參數)num次(第二個參數)。
  • javascript之常用數據類型及判斷方法
    ,今天,我們來具體重新了解下javascript中的常見數據類型以及他們的判斷方法。,1.基本數據類型:包括number:數字類型;string:字符串類型;boolean布爾類型。根據複雜方式區分javascript數據二.如何判斷當前數據類型呢?
  • 使用JavaScript截斷字符串
    在Web中截斷字符串的場景隨處可見,CSS3未出現之前,截斷字符串都是通過後端程序或者說JavaScript來處理。}    width: 100% - $substract;    overflow: hidden;}而今天這篇文章要說的是不是CSS或者說後端程序截斷字符串方法,而是來說說如何使用JavaScript方法截斷字符串。
  • python的內置函數eval:字符串運算
    前言最先認識eval,是在javascript中,eval() 函數可計算某個字符串,並執行其中的的 JavaScript 代碼。在javascript中,該方法只接受原始字符串作為參數,如果 string 參數不是原始字符串,那麼該方法將不作任何改變地返回。因此請不要為 eval() 函數傳遞 String 對象來作為參數。
  • 12 個非常有用的 JavaScript 技巧
    作者: Caio Ribeiro Pereira轉載自:W3CPlus http://www.w3cplus.com/javascript/12-extremely-useful-hacks-for-javascript.html 譯者: 大漠在這篇文章中將給大家分享12個有關於JavaScript的小技巧。
  • JavaScript 函數replace揭秘
    在JavaScript中replace函數作為字符串替換函數,它是一個具有強大威力的字符串操作函數,對於常見字符串操作的推薦用法。- $$i (i:1-99) : 表示從左到右正則子表達式所匹配的文本(正則group);$&:表示與正則表達式匹配的全文本;$(:切換技能鍵):表示匹配字符串的左邊文本;$』(『:單引號):表示匹配字符串的右邊文本;$$:表示關鍵字$的轉義。
  • 來一輪帶注釋的demo,徹底搞懂javascript中的replace函數
    javascript這門語言一直就像一位帶著面紗的美女,總是看不清,摸不透,一直專注伺服器端,也從來沒有特別重視過,直到最近幾年,javascript越來越重要,越來越通用。最近和前端走的比較近,藉此機會,好好鞏固一下相關知識點。
  • JavaScript 中替換字符串的幾種方法
    // 每日前端夜話 第418篇// 正文共:700 字// 預計閱讀時間:5 分鐘替換字符串中的文本是本文研究幾種用 replace 和正則表達式替換文本的方法。如果給定字符串 this\-is\-my\-url,要求把所有轉義的減號( \-)替換為未轉義的減號(-)。
  • JavaScript 字符串類型對象(String)
    String 對象用於處理已有的字符塊。
  • Python字符串的45個方法詳解
    目前一共有45個方法,給大家分類整理,可以收藏查詢使用。 #獲取字所有的符串方法print(dir(str))[...() 方法返回子字符串最後一次出現在字符串中的索引位置,該方法與 rfind() 方法一樣,可以規定字符串的索引查找範圍[star,end),只不過如果子字符串不在字符串中會報一個異常。
  • java開發工程師 javascript的字符串
    在這裡,所有的字符串都是用雙引號引起來的,那麼什麼時候使用到單引號呢?那就是拼接元素的時候。舉個例子:比如,我想在一個id = box的div中,拼接一段下拉框元素,最後的效果如下:  toUpperCase()方法是將所有字母轉換成大寫字母,相反的,toLowerCase()方法是將所有字母轉換成小寫字母。 2.字符串的替換:
  • 9 個讓 JavaScript 調試更簡單的 Console 命令
    DOCTYPE html> <html> <head>     <title>常用console命令</title>     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body>     <