JS操作字符串

1、函數：split()

把字符串按分隔符分割成數組。

語法：字符串.split(separator,limit);

separator：分隔符。

功能：使用一個指定的分隔符把一個字符串分割存儲到數組

例子： str=”jpg|bmp|gif|ico|png”; arr=str.split(”|”);

//arr是一個包含字符值”jpg”、”bmp”、”gif”、”ico”和”png”的數組

?

分割后的數組當中是不包含這個參數的。它的左右必需切割成數組中的數據，如果沒有的話，就為空。

1 var str='imguo'; 2 var a=str.split('i'); 3 console.log(a);//["", "mguo"]

如果參數沒有，或者參數是一個空格字符，會把整個字符串分割成一個數組。

1 var str='imguo'; 2 var a=str.split(); 3 console.log(a);//["imguo"]

如果參數為一個空字符串的話，它會把字符串中的每一個字符都分成數組中的每一個數據。

1 var str='imguo'; 2 var a=str.split(''); 3 console.log(a);//["i", "m", "g", "u", "o"]

limit：分割后數組的長度，沒有的話默認為全部。

1 var str='imguo'; 2 var a=str.split('',2); 3 console.log(a);//["i", "m"]

返回值：
返回一個截取后的數組，原字符串不變。

?

?

2、函數：join()

功能：使用您選擇的分隔符將一個數組合并為一個字符串

例子： var delimitedString=myArray.join(delimiter);

var myList=new Array(”jpg”,”bmp”,”gif”,”ico”,”png”);

var portableList=myList.join(”|”);

//結果是jpg|bmp|gif|ico|png

?

?

3、函數:concat（）

功能：將兩個數組連接在一起；

例子：arr1=[1,2,3,4]

　　arr2=[5,6,7,8]

　　alert(arr1.concat(arr2)) ?//結果為[1,2,3,4,5,6,7,8]

?

?

4、函數:charAt()

index：索引值，如果參數沒有，默認為0。
取值范圍：0-字符串的length-1，如果超出這個范圍，比如小于0或者大于等于length，會返回一個空字符。

功能：返回指定位置的字符。字符串中第一個字符的下標是 0。如果參數 index 不在 0 與 string.length 之間，該方法將返回一個空字符串。

例子:var str='a,g,i,d,o,v,w,d,k,p'

alert(str.charAt(2)) ?//結果為g

?

?

5、函數:charCodeAt()

index：索引值，如果參數沒有，默認為0。
取值范圍：0-字符串的length-1，如果超出這個范圍，比如小于0或者大于等于length，會返回一個NaN。

功能：charCodeAt() 方法可返回指定位置的字符的 Unicode 編碼。這個返回值是 0 - 65535 之間的整數。

方法 charCodeAt() 與 charAt() 方法執行的操作相似，只不過前者返回的是位于指定位置的字符的編碼，而后者返回的是字符子串。

例子：var str='a,g,i,d,o,v,w,d,k,p'

alert(str.charCodeAt(2)) ?//結果為103。即g的Unicode編碼為103

?

?

6、函數:slice()

beginSlice：起始位置。
endSlice：結束位置，沒有這個參數默認為最后一個字符的位置。

如果兩個參數都沒有的話，返回整個字符串。

功能：arrayObject.slice(start,end)

start:必需。規定從何處開始選取。如果是負數，那么它規定從數組尾部開始算起的位置。也就是說，-1 指最后一個元素，-2 指倒數第二個元素，以此類推。

end:可選。規定從何處結束選取。該參數是數組片斷結束處的數組下標。如果沒有指定該參數，那么切分的數組包含從 start 到數組結束的所有元素。如果這個參數是負數，那么它規定的是從數組尾部開始算起的元素。

返回一個新的數組，包含從start到end（不包括該元素）的arrayobject中的元素。

例子：var str='ahji3o3s4e6p8a0sdewqdasj'

alert(str.slice(2,5)) ? //結果ji3

?

?

7、函數:substring()

定義和用法 substring 方法用于提取字符串中介于兩個指定下標之間的字符。

語法：字符串.substring(indexStart,indexEnd);

indexStart：起始位置，必需。一個非負的整數，規定要提取的子串的第一個字符在 stringObject 中的位置。。
indexEnd：結束位置，一個非負的整數，比要提取的子串的最后一個字符在 stringObject 中的位置多 1。

如果省略該參數，那么返回的子串會一直到字符串的結尾。

返回 一個新的字符串，該字符串值包含 stringObject 的一個子字符串，其內容是從 start 處到 stop-1 處的所有字符，其長度為 stop 減 start。 說明 substring 方法返回的子串包括 start 處的字符，但不包括 end 處的字符。 如果 start 與 end 相等，那么該方法返回的就是一個空串（即長度為 0 的字符串）。 如果 start 比 end 大，那么該方法在提取子串之前會先交換這兩個參數。 如果 start 或 end 為負數，那么它將被替換為 0。

例子:

1 var str='hello'; 2 var a=str.substring(1); 3 console.log(a);//ello 4 var str='hello'; 5 var a=str.substring(1,3); 6 console.log(a);//el

如果兩個參數都沒有，返回整個字符串。

1 var str='hello'; 2 var a=str.substring(); 3 console.log(a);//hello

返回值：
返回截取的字符串，原字符串不變。

substring()和slice()的區別

1、slice的參數可以為負數，slice的起始位置是不能大于結束位置的。
2、substring的參數必需為正數，substring的起始位置可以大于結束位置，它會自動把兩個位置調換。

?

?

8、函數:substr

?

定義和用法 substr 方法用于返回一個從指定位置開始的指定長度的子字符串。

語法：字符串.substr(start,length);

參數 ?start 必需。所需的子字符串的起始位置。字符串中的第一個字符的索引為 0。

　　 length 可選。在返回的子字符串中應包括的字符個數。 說明 如果 length 為 0 或負數，將返回一個空字符串。 如果沒有指定該參數，則子字符串將延續到stringObject的最后。

返回值：返回一個截取后的字符串，原字符串不變。

舉例： var str = "0123456789";

　　 alert(str.substring(0));------------"0123456789"

　　 alert(str.substring(5));------------"56789"

　　alert(str.substring(10));-----------""

　　alert(str.substring(12));-----------""

　　alert(str.substring(-5));-----------"0123456789"

　　alert(str.substring(-10));----------"0123456789"

　　alert(str.substring(-12));----------"0123456789"

　　alert(str.substring(0,5));----------"01234"

　　alert(str.substring(0,10));---------"0123456789"

　　alert(str.substring(0,12));---------"0123456789"

　　alert(str.substring(2,0));----------"01"

　　alert(str.substring(2,2));----------""

　　alert(str.substring(2,5));----------"234"

　　alert(str.substring(2,12));---------"23456789"

　　alert(str.substring(2,-2));---------"01"

　　alert(str.substring(-1,5));---------"01234"

　　alert(str.substring(-1,-5));--------""

?

?

9、函數:indexOf()

作用：
通過字符去找對應的下標值，找這個字符首次出現的位置（從左往右）。

語法：字符串.indexOf(searchValue,fromIndex);

參數：
searchValue：要找的字符。
fromIndex：開始查找的位置，默認值為0。

1 var str='imguo'; 2 var a=str.indexOf('i'); 3 console.log(a);//0 4 var b=str.indexOf('uo'); 5 console.log(b);//3 6 var c=str.indexOf('g',2); 7 console.log(c);//2，從下標為2（g）的字符開始查找，找到以后，返回這個字符在整個字符串中的下標值。

返回值：
如果查到的話，返回這個字符對應的下標值。如果沒查到，返回-1。

1 var d=str.indexOf('g',3); 2 console.log(d);//-1，因為下標3的字符是u，從u往后找不到g了，所以返回-1，如果此時將字符串改為'imguog'的話，返回的就是5。

?

?

10、函數:lastIndexOf()

作用：
跟indexof的作用一樣，只不過它查找的順序是從右往左找。

語法：字符串.lastIndexOf(searchValue,fromIndex);

參數：
searchValue：要找的字符。
fromIndex：從哪里開始找，沒有參數的話默認為str.length-1。從下標對應的字符開始往右找，找到字符后，返回這個字符在整個字符中的位置，如果有多個相同的字符，則返回這個字符最后出現的位置。

1 var str='imguo'; 2 var a=str.lastIndexOf('u'); 3 console.log(a);//3 它是從右往左找，找到后返回這個字符在整個字符串里的下標值 4 var str1='heiha'; 5 var b=str1.lastIndexOf('h'); 6 console.log(b);//3 雖然找到兩個h，但是它返回的是從左至右最后一個h的位置，所以是3 7 var c=str1.lastIndexOf('h',1); 8 console.log(c);//0

返回值：
如果查到的話，返回這個字符對應的下標值。如果沒查到，返回-1。

1 var str='imguo'; 2 var d=str.lastIndexOf('b',3); 3 console.log(d);//-1 字符里沒有找到b

?

?

11、函數:toLowerCase()

作用：把字符串轉成全小寫。

語法：字符串.toLowerCase();

返回值：返回一個全小寫的字符串，原字符串不變。

1 var str='ImGuoWei'; 2 var a=str.toLowerCase(); 3 console.log(a);//"imguowei"

?

12、函數:toUpperCase()

作用：把字符串轉成全大寫。

語法：字符串.toUpperCase();

返回值：返回一個全大寫的字符串，原字符串不變。

1 var str='welcome'; 2 var a=str.toUpperCase(); 3 console.log(a);//"WELCOME"

?

?

13、函數:trim()

作用：去掉字符串前后的所有空格。

語法：字符串.trim();

返回值：返回一個不包含首尾空格的字符串，原字符串不變。

1 var str=' abc efg '; 2 var a=str.trim(); 3 console.log(a);//"abc efg" 只去除首尾的空格

轉載于:https://www.cnblogs.com/Michelle20180227/p/10772448.html

總結

以上是生活随笔為你收集整理的JS操作字符串的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。