字符串檢索方法


3-1 String(字符串檢索方法)

 

字符串檢索方法

1.想要獲取字符串中某一字符

stringObject.charAt(index) 返回stringObject中得index位置的字符

stringObject.charCodeAt(index) 返回stringObject中得index位置的字符的字符編碼。

2.想要獲取字符串中某一字符的位置(與數組中用法一樣)

stringObject.indexof(“ 你想要的字符串”); 返回字符串的位置 沒有就返回-1

stringObject.lastindexof(“ 你想要的字符串”);從后往前搜索 返回字符串的位置

 1 <script type="text/javascript">
 2 var str="hello world";
 3    //1.想要獲取字符串中某一字符:
 4    console.log(str.charAt(7));//顯示索引7在的位置字符;
 5    console.log(str.charCodeAt(4));//顯示索引在4位子的字符在ASCII碼表上的編碼號
 6    //2.想要獲取字符串中某一字符的位置:
 7    var email="marry.mail@soho.com";
 8    console.log(email.indexOf("o"));//查找字符串中o第一次出現的位置的索引值;
 9    console.log(email.lastIndexOf("."));//查找字符串中"."最后出現一次所在的位置的索引值;
10    </script>

3-8 String(slice()-substring()和substr())

 

1想要截取字符串

1.slice(start,end)截取

1.最后一個參數省略時,截取到末尾。

2,參數為負數時,其值為字符串長度+該負數。

3,不包含最后參數本身(end)。

1 <script type="text/javascript">
2     var str="hello world";
3     //截取orl
4     console.log(str.slice(7,10));
5     console.log(str.slice(1));
6     console.log(str.slice(-7,-2));//str.slice(4,9)
7     </script>

2 substring()截取

說明:語法及功能同slice()完全一樣。

區別在於:

1.當參數為負數時,自動將參數轉換為0.

2.substring()會將較小的數作為開始位置,將較大的數作為結束位置。

1 <script type="text/javascript">
2     var str="hello world";
3     console.log(str.substring(-7,5));//(0,5)
4     console.log(str.substring(2,-5));//(0,2)
5 </script>

 3.substr()截取;

語法:

stringObject.substr(start.len)

功能:

截取子字符串。

參數說明:

1.start:必需,指定子字符串的開始位置。

2.len:可選,表示截取的字符總數,省略時截取至字符串的末尾。

3.當start為負數時,會將傳入的負值與字符串的長度相加。

4.當len為負數時,返回空字符串。

1   <script>
2          var str="hello world";
3     console.log(str.substr(6,3));    //等價於str.substring(6,9)
4     console.log(str.substr(-5,4));//(6,4)
5     console.log(str.substr(3,-4));// 空截取個數為負數或0 則返回空字符串
6     </script>  

獲取字符串中的特定的某一段方法綜合

 1 <script type="text/javascript">
 2     //獲取擴展名
 3     var url="http://baidu.com/index.txt"
 4     function getFileFormat(url){
 5         //獲取.在URL中出現的位置
 6         var pos=url.lastIndexOf(".");
 7         return url.substr(pos);
 8     }
 9     var formatName=getFileFormat(url);
10     var picFormat=getFileFormat("123456789.jpg");
11     console.log(formatName);
12     console.log(picFormat);
13     </script>

3-20 String(split和replace)

 

1.split()

stringObj.split(separator)

把一個字符串分割成字符串數組 返回值:Array 說明:必需,分隔符.

1 <script type="text/javascript">
2        var str="welcome-to-beijing";
3        //使用split將str轉化為數組
4        var arr=str.split("-");
5        console.log(arr);//["welcome","to","beijing"]
6        var date="2016/05/05";
7        var dateArr=date.split("");
8        console.log(dateArr);//["2016","05","05"]
9    </script>

2 replace()

stringObj.replace(regexp/substr, replacement)

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

返回值:string

參數:regexp:必需。規定子字符串或要替換的模式的RegExp對象。 replacement:必需,一個字符串值.

1 <script>
2  //替換 replace
3      var tel="010-62971268,010-64899373,010-34565767";
4      //newTel被替換之后的字符串
5      var newTel=tel.replace(','," ");
6      console.log(newTel);
7 </script>

3-26 String(toUpperCase和toLowerCase)

 

掌握字符串方法的其他方法:

1.toUpperCase():

語法:
stringObject.toUpperCase()
功能:
把字符串轉換為大寫

2.toLowerCase():

語法:
stringObject.toLowerCase()
功能:
把字符串轉化為小寫

3.將字符串border-left-color轉換成borderLeftColor

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6 </head>
 7 <body>
 8     <script type="text/javascript">
 9         function cameback(str){
10             //通過-這個風格符將str拆分成數組
11             var arr=str.split("-"),newStr=arr[0];
12             //console.log(arr);//["border","left","color"]
13             //第0個位置的單詞不需要處理 所以I=1開始
14             for(var i=1,len=arr.length;i<len;i++){
15                 var world=arr[i];
16                 //將每一個單詞的首字母轉換為大寫
17                 newStr+=world.charAt(0).toUpperCase()+world.substr(1);
18                 //console.log(newStr);//Left Color  L  C
19                 //newStr=borderLeftColor
20             }
21             return newStr;
22         }
23         var comelFormat=cameback("border-left-color");
24         console.log(comelFormat);
25     </script>
26 </body>
27 </html>

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM