1. 程式人生 > >Javascript字符串常用方法詳解

Javascript字符串常用方法詳解

cti cas substr ace spa sea clas ron earch

字符串

字符串就是一個或多個排列在一起的字符,放在單引號或雙引號之中。

‘abc‘
"abc"

length屬性

js裏的字符串類似於數組,都是一個一個字符拼湊在一起組成的,因此可以用length屬性取得字符串的長度

var str = "hello"
str.length; // 5

字符串常用的一些方法

1. charAt()

1 str.charAt(n)

=> 返回字符串的第 n 個字符,如果不在 0~str.length-1之間,則返回一個空字符串。

1 var str = "javascript";
2 str.charAt(2); //‘v‘
3 str.charAt(12); //

2. indexOf()

1 indexOf(substr[,start])

=> 返回 substr 在字符串 str 中首次出現的位置,從 start 位置開始查找,如果不存在,則返回 -1。

start可以是任意整數,默認值為 0。如果 start < 0 則查找整個字符串(如同傳進了 0)。如果 start >= str.length,則該方法返回 -1,除非被查找的字符串是一個空字符串,此時返回 str.length.

1 var str = "javascript";
2 str.indexOf(‘s‘); // 1
3 str.indexOf(‘s‘,6); //
-1 4 str.indexOf(‘‘,11); // 10 5 str.indexOf(‘‘,8); // 8

3. lastIndexOf()

1 lastIndexOf(substr[,start])

= > 返回 substr 在字符串 str 中最後出現的位置,從 start 位置 向前開始查找,如果不存在,則返回 -1。

1 ‘lastindex‘.lastIndexOf(‘a‘); // 1

4. substring()

1 str.substring(start[, end])

= > 返回從 start 到 end(不包括)之間的字符,start、end均為 非負整數。若結束參數(end)省略,則表示從start位置一直截取到最後。

1 var str = ‘abcdefg‘;
2 str.substring(1, 4); //"bcd"
3 str.substring(1); // "bcdefg"
4 str.substring(-1); //"abcdefg" 傳入負值時會視為0

5. slice()

1 str.slice(start[,end])

= > 返回從 start 到 end (不包括)之間的字符,可傳負值

1 var str = ‘this is awesome‘; 2 str.slice(4, -1); //" is awesom"

6. substr()

1 str.slice(start[,end])

= > 返回 str 中從指定位置開始到指定長度的子字符串,start可為負值

1 var str = "Just give me a reason";
2 str.substr(5, 10); // "give me a "
3 str.substr(-4, 2); // "as"

7. replace()

1 str.replace(regexp|substr, newSubStr|function)

= > 替換 str 的子字符串

1 var str = "do you love me"; 2 str.replace(‘love‘,‘hate‘); // "do you hate me"

8. search()

1 str.search(regexp)

= > 查找 str 與一個正則表達式是否匹配。如果匹配成功,則返回正則表達式在字符串中首次匹配項的索引;否則,返回 -1。如果參數傳入的是一個非正則表達式對象,則會使用 new RegExp(obj) 隱式地將其轉換為正則表達式對象

1 var str = ‘I love JavaScript!‘;
2 str.search(/java/); // -1
3 str.search(/Java/); // 7
4 str.search(/java/i); // 7
5 str.search(‘Java‘); // 7

9. match()

1 str.match(regexp)

= > 返回一個包含匹配結果的數組,如果沒有匹配項,則返回 null。如果參數傳入的是一個非正則表達式對象,則會使用 new RegExp(obj) 隱式地將其轉換為正則表達式對象

1 var str = ‘Javascript java‘;
2 str.match(/Java/); // ["Java"]
3 str.match(/Java/gi); // ["java", "Java"]
4 str.match(/ab/g); // null

10. split()

1 str.split([separator][, limit])

= >返回一個數組,分隔符 separator 可以是一個字符串或正則表達式

1 var str = "Hello?World!";
2 str.split(); // ["Hello?World!"]
3 str.split(‘‘); // ["H", "e", "l", "l", "o", "?", "W", "o", "r", "l", "d", "!"]
4 str.split(‘?‘); // ["Hello", "World!"]
5 str.split(‘‘,5); // ["H", "e", "l", "l", "o"]

11. trim()

1 str.trim()

= > 去除 str 開頭和結尾處的空白字符,返回 str 的一個副本,不影響字符串本身的值

1 var str = ‘ abc ‘;
2 str.trim(); // ‘abc‘
3 console.log(str); // ‘ abc ‘

12. toLowerCase()

1 str.toLowerCase()

= > 將 str 轉換為小寫,並返回 str 的一個副本,不影響字符串本身的值

1 var str = ‘JavaScript‘;
2 str.toLowerCase(); // ‘javascript‘
3 console.log(str); // ‘JavaScript‘

13. toUpperCase()

1 str.toUpperCase()

= > 將 str 轉換為大寫,並返回 str 的一個副本,不影響字符串本身的值

1 var str = ‘JavaScript‘;
2 str.toUpperCase(); // ‘JAVASCRIPT‘
3 console.log(str); // ‘JavaScript‘

Javascript字符串常用方法詳解