20個常用的JavaScript字元串方法

来源:https://www.cnblogs.com/fundebug/archive/2019/08/30/20-javascript-string-method.html
-Advertisement-
Play Games

摘要: 玩轉JS字元串。 原文: "JS 前20個常用字元串方法及使用方式" 譯者:前端小智 "Fundebug" 經授權轉載,版權歸原作者所有。 本文主要介紹一些最常用的 字元串函數。 1. charAt(x) 返回字元串中 位置的字元,下標從 開始。 2. charCodeAt(x) js 返回 ...


摘要: 玩轉JS字元串。

Fundebug經授權轉載,版權歸原作者所有。

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

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方法搜索並(如果找到)返回字元串中搜索到的字元或子字元串的索引。如果沒有找到,則返回-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 到該字元串的結尾的字元。

    //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. 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

關於Fundebug

Fundebug專註於JavaScript、微信小程式、微信小游戲、支付寶小程式、React Native、Node.js和Java線上應用實時BUG監控。 自從2016年雙十一正式上線,Fundebug累計處理了20億+錯誤事件,付費客戶有陽光保險、核桃編程、荔枝FM、掌門1對1、微脈、青團社等眾多品牌企業。歡迎大家免費試用


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 原文地址:https://www.cnblogs.com/wisewrong/p/9642264.html 一、測試模版 數組去重是一個老生常談的問題,網上流傳著有各種各樣的解法 為了測試這些解法的性能,我寫了一個測試模版,用來計算數組去重的耗時 這裡分別創建了兩個長度為 10W 和 5W 的數組 ...
  • 許多人都在提倡: “直接用原生的 JavaScript 就好了,不需要 jQuery 了”。 You might not need jQuery嘗試告訴我們,擺脫 jQuery 是一件很容易的事情。但是,它的第一個例子恰恰告訴我們用 jQuery 其實也不錯,因為我們寫了 10 行原生的 JavaS ...
  • 一、網路伺服器 1、http狀態碼 1xx: 表示普通請求,沒有特殊含義 2xx:請求成功 + 200:請求成功 3xx:表示重定向 + 301 永久重定向 + 302 臨時重定向 + 303 使用緩存(伺服器沒有更新過) 4xx:無法訪問 + 403:無法訪問 + 404:資源找不到 5xx:服務 ...
  • 01. Object構造函數模式 方式一: Object構造函數模式 * 套路: 先創建空Object對象, 再動態添加屬性/方法 * 適用場景: 起始時不確定對象內部數據 * 問題: 語句太多 02. 對象字面量 方式二: 對象字面量模式 * 套路: 使用{}創建對象, 同時指定屬性/方法 * 適 ...
  • js註釋 JavaScript註釋與Java註釋相同 js五大基本類型:   number(數值型)、string(字元串性)、boolean(布爾型)、undefined類型、null類型 number 包括:數值類型、包含整型、浮點型、NaN和Infinity(無窮大)。 關 ...
  • 註釋標簽:對代碼進行說明 常用格式標簽 標題標簽 列表標簽 無序列表: 有序列表: 自定義列表:圖文混排 CSS樣式   內嵌樣式:放在``標簽之間 語法: 所有標簽( ) 文本屬性 字體標簽及屬性 背景相關的屬性 超鏈接: 郵件超鏈接 圖片標簽 錨點鏈接 圖片滾動 分隔視窗 塊 ...
  • v3傳送門 v3文檔其實思考了很久, 還是放棄了v3, 因為開發v3的時候很粗暴, 按照編程角度來看就是硬擼, 也怪自己實力有限, 所以反思了一下, 嘗試著繼續前行... 2、交流學習 QQ號: 707200833 QQ群: 769620939 重要的事情說三遍, 看文檔, 看文檔, 看文檔, 文檔 ...
  • 大多數野生程式員最棘手的問題就是如何依靠技術解決溫飽,通俗來講就是技術折現的問題。 如果是單純出於興趣,或者只是為了突擊某一階段或者某一項目技術壁壘,不跟就業掛鉤的自學倒也是無關痛癢。但是當上崗成為自學的終極目標和結果時,一切都就另當別論了。 前端自學者存在的學習誤區: 1、所學東西可能已過時 奉為 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...