JavaScript基礎總結（四）——字符串總結

whatsns 發布于2019-08-26 13:31 / 3096人閱讀

摘要：是因特網上最流行的腳本語言。獲取中的下標獲得字符串將字符串并轉換成大寫拼接后的字符串

1、字符串位置操作
1-1、str.charAt(index) 字符串中index位置的字符

str.charCodeAt(index) 字符串中index位置的字符編碼

代碼如下：

      var str="hello word";
    //str.charAt(index位置字符)
    document.write(str.charAt(2)); //輸出值為l
    document.write("
");
    //str.charAt(index位置字符編碼)
    document.write(str.charCodeAt(2)); //輸出值為108

1-2、str.indexOf("從左至右起一個字符串中搜索指定字符")

 str.lastIndexOf("從右至左起一個字符串中搜索指定字符")
 indexOf與lastIndexOf返回數值，沒有搜索的其值返回-1

代碼如下：

    var strs="479114169@qq.com";
    //從左側開始檢測第一個1出現的位置
    document.write(strs.indexOf("1")); //輸出值為3
    document.write("
");
    //檢測2在字符串中出現的位置返回值為-1，表示字符串中2沒有出現
    document.write(strs.indexOf("2")); //輸出值為-1
    document.write("
");
    document.write(strs.lastIndexOf("7")); //輸出值為1

2、字符串截取
str.slice(start,end) 中start為必選選項，指定字符串的開始位置；end為可選，表示字符串的結束位置，end不在截取范圍內，省略時截取至字符串未尾

str.substring（）同slice，區別在于對于負值的操作
當為負數時自動將負值轉為0，end為負值時自動將其默認為字符串截取的開始位置
str.substr(start,len)中start為必選，指定字符開始位置，當start為負值時，將字符長度與負值相加；len表示截取的字符總數，當為負值時返回空字符串
代碼如下：
var arr="hello world";
    //str.slice(start,end) 
    //start為字符的開始位置必選選項，end為字符串的結束位置可選選項，此項不寫時默認到字符串結束位置
    //如果為負數時用字符長度+傳入的負值參數        
    document.write(arr.slice(2)+"
");//輸出值為l至最后llo world
    //str.substring(start,end)同slice，區別在于傳入的參數為負值時自動將負值轉換為0
    document.write(arr.substring(2)+"
");//輸出值為l至最后llo world
    document.write(arr.substring(-7,7)+"
");//hello w
    //str.substr(start,len)start指定字符串開始位置，當start為負值時，負值與字體長度相加
    //len表示截取的字符串長度，當為負值時返回空字符串
    document.write(arr.substr(2,4)+"
");//llo

字符串截取例如下：

3、字符串方法綜合應用：編寫js函數，用于查找郵箱的后綴名，代碼如下：

    //查找郵箱后綴名
    function suffix(str){
        for(var i=0;i

4、字符串轉數組：
str.split("字符串的分隔符") 字符串轉數組
5、str.toUpperCase()字符串轉換成大寫
   strs.toLowerCase()字符串轉小寫
   以上兩種方法會生成副本，原字符中不變
例：        
//將字符串"Never deter till tomorrow that which you can do today"的”tomorrow”轉化為大寫。
    var str="Never deter till tomorrow that which you can do today";
    var index=str.indexOf("tomorrow");//獲取tomorrow中t的下標17
    var indes=str.substr(index,8);// 獲得字符串tomorrow
    var upperStr=indes.toUpperCase(); //將字符串tomorrow并轉換成大寫
    console.log(str.slice(0,17)+upperStr+str.slice(25));//拼接后的字符串

云服務器 GPU云服務器 javascript學習總結年終總結網絡總結方法總結

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/108982.html

JavaScript學習總結（一）基礎部分

摘要：前綴規范每個局部變量都需要有一個類型前綴，按照類型可以分為表示字符串。例如，表示以上未涉及到的其他對象，例如，表示全局變量，例如，是一種區分大小寫的語言。布爾值與字符串相加將布爾值強制轉換為字符串。基本概念 javascript是一門解釋型的語言，瀏覽器充當解釋器。js執行時，在同一個作用域內是先解釋再執行。解釋的時候會編譯function和var這兩個關鍵詞定義的變量，編譯完成后從...

AlanKeene 2019-08-21 12:27 評論0 收藏0
JavaScript系列（四） - 收藏集 - 掘金

摘要：函數式編程前端掘金引言面向對象編程一直以來都是中的主導范式。函數式編程是一種強調減少對程序外部狀態產生改變的方式。 JavaScript 函數式編程 - 前端 - 掘金引言面向對象編程一直以來都是JavaScript中的主導范式。JavaScript作為一門多范式編程語言，然而，近幾年，函數式編程越來越多得受到開發者的青睞。函數式編程是一種強調減少對程序外部狀態產生改變的方式。因此，...

cfanr 2019-08-20 16:33 評論0 收藏0
總結javascript基礎概念（三）：js對象原型鏈

摘要：執行構造函數的一步說明對象可以通過函數來創建。是最頂級的構造函數，對象里面，就有好幾個其他屬性。構造函數與普通函數并沒有區別，只是調用方式不同。主要問題：1、構造函數和普通函數有區別么？什么區別？2、prototype和__proto__有什么不同？3、instanceof的作用機制，為什么有限制？4、ES6的相關方法，Class繼承原理？三、對象與原型 (一)、數據類型 Js...

yzd 2019-08-26 11:42 評論0 收藏0
總結javascript基礎概念（二）：事件隊列循環

摘要：而事件循環是主線程中執行棧里的代碼執行完畢之后，才開始執行的。由此產生的異步事件執行會作為任務隊列掛在當前循環的末尾執行。在下，觀察者基于監聽事件的完成情況在下基于多線程創建。主要問題： 1、JS引擎是單線程，如何完成事件循環的？ 2、定時器函數為什么計時不準確？ 3、回調與異步,有什么聯系和不同？ 4、ES6的事件循環有什么變化？Node中呢？ 5、異步控制有什么難點？有什么解決方...

zhkai 2019-08-26 11:42 評論0 收藏0
javascript動畫總結（一）

摘要：進行一些判斷，將目標位置設置在在，不變，也就是將其向右水平移動。另外，完整源代碼中沒用這個抽象函數。前言：其實js動畫跟CSS－DOM結合的挺緊密的，都是用js函數實現一段時間內重復設置元素的樣式就形成了動畫，其中涉及到大量的用DOM獲取元素樣式操作，所以可以先看一下CSS－DOM那篇文章，這次總結一下js中的動畫，這一篇是基礎知識總結，只用到了setTimeout函數，還有兩個定時...

zoomdong 2019-08-19 18:34 評論0 收藏0