JavaScript字符串常用方法
字符串
-
字符串就是一個或多個排列在一起的字符,放在單引號或雙引號之中。
'abc' "abc"
-
length
屬性
js裏的字符串類似於數組,都是一個一個字符拼湊在一起組成的,因此可以用length
屬性取得字符串的長度var str = "hello" str.length; // 5
字符串常用的一些方法
1. charAt()
str.charAt(n)
作用: 返回字符串的第 n 個字符,如果不在 0~str.length-1之間,則返回一個空字符串。
var str = "javascript";
console.log( str.charAt(5) ); // 'c'
console.log( str.charAt(15) ); // ''
2. indexOf()
indexOf(substr[,start])
作用: 返回 substr 在字符串 str 中首次出現的位置,從 start 位置開始查找,如果不存在,則返回 -1。
start可以是任意整數,默認值爲 0。
var str = "javascript";
console.log( str.indexOf('s') ); // 4
console.log( str.indexOf('php',5) ); // -1
console.log( str.indexOf('a',2) ); // 3
3. lastIndexOf()
lastIndexOf(substr[,start])
作用: 返回 substr 在字符串 str 中最後出現的位置,從 start 位置 向前開始查找,如果不存在,則返回 -1。
console.log( 'javascript'.lastIndexOf('a') ); // 3
console.log( 'javascript'.lastIndexOf('o') ); // -1
4. substring()
str.substring(start[, end])
作用:返回從 start 到 end(不包括)之間的字符,start、end均爲 非負整數。若結束參數(end)省略,則表示從start位置一直截取到最後。
var str = 'javascript';
console.log( str.substring(1, 4) ); //"ava"
console.log( str.substring(1) ); // "avascript"
5. slice()
str.slice(start[,end])
作用:返回從 start 到 end (不包括)之間的字符,可傳負值
var str = 'this is awesome';
console.log( str.slice(1, 3) ); // "hi"
console.log( str.slice(10, -1) ); // "esom"
console.log( str.slice(10, -2) ); // "eso"
從最右邊起,字母e爲-1,m爲-2,依次類推。
6. substr()
str.slice(start[,length])
作用:返回 str 中從指定位置開始到指定長度的子字符串,start可爲負值
var str = "javascript";
console.log( str.substr(5, 3) ); // "cri"
console.log( str.substr(-4, 2) ); // "ri"
7. replace()
str.replace(regexp|substr, newSubStr|function)
作用:替換 str 的子字符串
//普通替換
var str = "i love you";
console.log( str.replace('love','hate') ); // "i hate you"
//正則替換
var tel = '13534566789';
var reg = /(\d{3})\d{4}(\d{4})/g;
console.log( tel.replace(reg,"$1****$2") ); // 135****6789
//駝峯轉換
function strCovert(css){
//定義一個正則儘可能找到我們要替換的內容
var reg = /-([a-z])/g;
var newStr = css.replace(reg,function($0,$1){
//$0:代表正則匹配的結果
//$1:代表正則匹配的第1個括號中的結果
console.log('$0:',$0); // -b -c
console.log('$1:',$1); // b c
return $1.toUpperCase();
});
return newStr;
}
var css = 'border-bottom-color';
console.log(strCovert(css)); //"borderBottomColor"
8. search()
str.search(regexp)
作用: 查找 str 與一個正則表達式是否匹配。如果匹配成功,則返回正則表達式在字符串中首次匹配項的索引,否則返回 -1。如果參數傳入的是一個非正則表達式對象,則會使用 new RegExp(obj) 隱式地將其轉換爲正則表達式對象
var str = 'I love JavaScript!';
console.log( str.search(/java/) ); // -1
console.log( str.search(/Java/) ); // 7
console.log( str.search(/java/i) ); // 7
console.log( str.search('Java') ); // 7
9. match()
str.match(regexp)
作用:返回一個包含匹配結果的數組,如果沒有匹配項,則返回 null。如果參數傳入的是一個非正則表達式對象,則會使用 new RegExp(obj) 隱式地將其轉換爲正則表達式對象
var str = 'Javascript java';
console.log( str.match(/Java/) ); // ["Java"]
console.log( str.match(/Java/g) ); // ["Java"]
console.log( str.match(/Java/gi) ); // ["java", "Java"]
console.log( str.match(/ab/g) ); // null
10. split()
str.split([delimiter][, limit])
作用:返回一個數組,分隔符delimiter 可以是一個字符串或正則表達式
var str = "Hello?World!";
console.log( str .split() ); // ["Hello?World!"]
console.log( str.split('?') ); // ["Hello", "World!"]
console.log( str.split('') ); // ["H", "e", "l", "l", "o", "?", "W", "o", "r", "l", "d", "!"]
console.log( str.split('',5) ); // ["H", "e", "l", "l", "o"]
console.log( str.split(/\?/) ); // ["Hello", "World!"]
11. trim()
str.trim()
作用:去除 str 開頭和結尾處的空白字符,返回 str 的一個副本,不影響字符串本身的值
var str = ' a b c ';
console.log( str.trim() ); // 'a b c'
console.log( str ); // ' abc '
12. toLowerCase()
str.toLowerCase()
作用:將 str 轉換爲小寫,並返回 str 的一個副本,不影響字符串本身的值
var str = 'JavaScript';
console.log( str.toLowerCase() ); // 'javascript'
console.log(str); // 'JavaScript'
13. toUpperCase()
str.toUpperCase()
作用: 將 str 轉換爲大寫,並返回 str 的一個副本,不影響字符串本身的值
var str = 'JavaScript';
console.log( str.toUpperCase() ); // 'JAVASCRIPT'
console.log(str); // 'JavaScript'
14.repeat()
str.repeat(length)
作用:重複一個str字符串length次
console.log( '*'.repeat(3) ); //***
console.log( 'php'.repeat(3) ); //phpphpphp
15.concat()
str.concat(value,...)
作用:將value與字符串str拼接在一起
var str = 'JavaScript';
console.log( str.concat('php','mysql') ); // JavaScriptphpmysql