JS中字符串的常用屬性

1、.length:可返回數組中元素的數目

<script type="text/javascript">
    var str = "abcdef";
    console.log(str.length);    //輸出str的長度,結果爲 6
    
    str.length = 5;
    console.log(str);    //str不變,結果爲 abcdef
</script>

 2、.charAt(index):可返回指定索引位置的字符,若超出索引,結果爲空
       index:表示字符串中某個位置的數字,即字符在字符串中的下標。

<script type="text/javascript">
    var str = "abcdef";
    console.log(str.charAt(1));    //輸出字符串中第二個位置的字符,結果爲 b

    console.log(str.charAt(9));    //選定位置超出字符串的長度-1,結果爲 空
</script>

3、.fromCharCode(numX,numX,...,numX):返回的是ASCII碼對應的值
       numX:一個或多個ASCII碼值。

<script type="text/javascript">
    console.log(String.fromCharCode(97,98,99));    //結果爲 abc
</script>

4、.concat(strX,strX,...,strX):用於連接多個字符串,並返回字符串拼接之後的結果
       strX:該參數可以是具體的值,也可以是字符串對象。可以是任意多個。

<script type="text/javascript">
    var str = "abc";
    console.log(str.concat("def"));     //返回拼接後的字符串,結果爲 abcdef
    console.log(str);    //str並不會改變,結果爲 abc

    var str1 = "xyz";
    var str2 = "123";
    console.log(str.concat(str1,str2)); //返回三個字符串拼接後的結果,爲 abcxyz123
</script>

5、.indexOf(searchValue, fromIndex):返回某個字符串在字符串中首次出現的位置,沒找到則返回-1
       searchValue:需檢索的字符串值。
       fromIndex:在字符串中開始檢索的位置。若省略該參數,則將從字符串的首字符開始檢索。

<script type="text/javascript">
    var str = "abcdef";
    console.log(str.indexOf("bc"));    //沒有選擇起始檢測位置,則默認爲從頭開始檢測,結果爲 1

    console.log(str.indexOf("d",1));   //從字符串第二個位置開始查找,返回值仍是從字符串的頭部開始數,所以結果爲 3
    
    console.log(str.indexOf("gh")):    //gh不在字符串中,故查找不到,返回值爲 -1
</script>

6、.lastIndexOf(searchValue, fromIndex):在一個字符串中的指定位置從後向前搜索某個字符串,沒找到則返回-1
       searchValue:需檢索的字符串值。
       fromIndex:在字符串中開始檢索的位置。若省略該參數,則將從字符串的最後一個字符開始檢索。

<script type="text/javascript">
    var str = "abcdef";
    console.log(str.lastIndexOf("bc")); //結果爲 1

    console.log(str.indexOf("gh"));     //結果爲 -1
</script>

7、.replace(str1, str2):在字符串中用一些字符替換另一些字符
       str1:要被替換的字符串。
       str2:要替換str1的字符串。

<script type="text/javascript">
    var str = "abcdef";
    console.log(str.replace("bc", "xy"));    //結果爲 axydef
    console.log(str);    //str不會改變,仍爲 abcdef

    console.log(str.replace("bcg", "xy"));   //查找不到bcg,故不會發生替換,結果爲 abcdef
</script>

8、.slice(startIndex, endIndex):從開始索引的位置提取,到結束索引的前一個位置終止,並返回這個提取後的字符串
       startIndex:提取字符串的起始位置。
       endIndex:提取字符串的結束位置。

<script type="text/javascript">
    var str = "abcdef";
    console.log(str.slice(2));    //結果爲 cdef
    console.log(str.slice(2, 4)); //結果爲 cd
</script>

9、.split(separator, howmany):一個字符串分割成字符串數組
       separator:從該參數指定的地方分割字符串。
       howmany:切割後留下的個數。

<script type="text/javascript">
    var str = "Hello World!";
    console.log(str.split(" "));     //結果爲 ["Hello","World!"]
    console.log(str.split(" ", 1));  //結果爲 ["Hello"]
</script>

10、.substr(start, length):可在字符串中抽取從 start 下標開始的指定數目的字符

<script type="text/javascript">
    var str = "abcdef";
    console.log(str.substr(3));    //結果爲 def
    console.log(str.substr(3, 2)); //結果爲 de
</script>

11、.substring(startIndex, endIndex):返回截取後的字符串,不包含結束的索引的字符串

<script type="text/javascript">
    var str = "abcdef";
    console.log(str.substring(3));    //結果爲 def
    console.log(str.substring(3, 4)); //結果爲 d
</script>

12、.toLoacleLowerCase():把字符串轉換爲小寫

<script type="text/javascript">
    var str = "ABC";
    console.log(str.toLocaleLowerCase());    //結果爲 abc
</script>

13、.toLowerCase():把字符串轉換爲小寫

<script type="text/javascript">
    var str = "ABC";
    console.log(str.toLowerCase());    //結果爲 abc
</script>

14、.toLocaleUpperCase():把字符串轉換爲大寫

<script type="text/javascript">
    var str = "abc";
    console.log(str.toLocaleUpperCase());    //結果爲 ABC 
</script>

15、.toUpperCase():把字符串轉換爲大寫

<script type="text/javascript">
    var str = "abc";
    console.log(str.toUpperCase());    //結果爲 ABC
</script>

16、.trim():去掉字符串兩端的空格

<script type="text/javascript">
    var str = "  abc  ";
    console.log(str.trim());    //結果爲 abc
</script>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章