Javascript字符串常用方法詳解
字符串
字符串就是一個或多個排列在一起的字符，放在單引號或雙引號之中。
'abc'
"abc"
length屬性
js里的字符串類似于數(shù)組，都是一個一個字符拼湊在一起組成的，因此可以用length屬性取得字符串的長度
var str = "hello"
str.length; // 5
字符串常用的一些方法
1. charAt()
str.charAt(n)
＝> 返回字符串的第 n 個字符，如果不在 0~str.length-1之間，則返回一個空字符串。
var str = "javascript"; str.charAt(2); //'v' str.charAt(12); //''
2. indexOf()
indexOf(substr[,start])
＝> 返回 substr 在字符串 str 中首次出現(xiàn)的位置,從 start 位置開始查找，如果不存在，則返回 -1。
start可以是任意整數(shù)，默認(rèn)值為 0。如果 start < 0 則查找整個字符串（如同傳進(jìn)了 0）。如果 start >= str.length，則該方法返回 -1，除非被查找的字符串是一個空字符串，此時返回 str.length.
var str = "javascript";
str.indexOf('s'); // 1
str.indexOf('s',6); // -1
str.indexOf('',11); // 10
str.indexOf('',8); // 8
3. lastIndexOf()
lastIndexOf(substr[,start])
= > 返回 substr 在字符串 str 中最后出現(xiàn)的位置,從 start 位置 向前開始查找，如果不存在，則返回 -1。
'lastindex'.lastIndexOf('a'); // 1
4. substring()
str.substring(start[, end])
= > 返回從 start 到 end（不包括）之間的字符，start、end均為 非負(fù)整數(shù)。若結(jié)束參數(shù)(end)省略，則表示從start位置一直截取到最后。
var str = 'abcdefg'; str.substring(1, 4); //"bcd" str.substring(1); // "bcdefg" str.substring(-1); //"abcdefg" 傳入負(fù)值時會視為0
5. slice()
str.slice(start[,end])
= > 返回從 start 到 end （不包括）之間的字符，可傳負(fù)值
var str = 'this is awesome'; str.slice(4, -1); //" is awesom"
6. substr()
str.slice(start[,end])
= > 返回 str 中從指定位置開始到指定長度的子字符串，start可為負(fù)值
var str = "Just give me a reason"; str.substr(5, 10); // "give me a " str.substr(-4, 2); // "as"
7. replace()
str.replace(regexp|substr, newSubStr|function)
= > 替換 str 的子字符串
var str = "do you love me";
str.replace('love','hate'); // "do you hate me"
8. search()
str.search(regexp)
= > 查找 str 與一個正則表達(dá)式是否匹配。如果匹配成功，則返回正則表達(dá)式在字符串中首次匹配項的索引；否則，返回 -1。如果參數(shù)傳入的是一個非正則表達(dá)式對象，則會使用 new RegExp(obj) 隱式地將其轉(zhuǎn)換為正則表達(dá)式對象
var str = 'I love JavaScript!';
str.search(/java/); // -1
str.search(/Java/); // 7
str.search(/java/i); // 7
str.search('Java'); // 7
9. match()
str.match(regexp)
= > 返回一個包含匹配結(jié)果的數(shù)組，如果沒有匹配項，則返回 null。如果參數(shù)傳入的是一個非正則表達(dá)式對象，則會使用 new RegExp(obj) 隱式地將其轉(zhuǎn)換為正則表達(dá)式對象
var str = 'Javascript java'; str.match(/Java/); // ["Java"] str.match(/Java/gi); // ["java", "Java"] str.match(/ab/g); // null
10. split()
str.split([separator][, limit])
= >返回一個數(shù)組，分隔符 separator 可以是一個字符串或正則表達(dá)式
var str = "Hello?World!";
str.split(); // ["Hello?World!"]
str.split(''); // ["H", "e", "l", "l", "o", "?", "W", "o", "r", "l", "d", "!"]
str.split('?'); // ["Hello", "World!"]
str.split('',5); // ["H", "e", "l", "l", "o"]
11. trim()
str.trim()
= > 去除 str 開頭和結(jié)尾處的空白字符，返回 str 的一個副本，不影響字符串本身的值
var str = ' abc '; str.trim(); // 'abc' console.log(str); // ' abc '
12. toLowerCase()
str.toLowerCase()
= > 將 str 轉(zhuǎn)換為小寫，并返回 str 的一個副本，不影響字符串本身的值
var str = 'JavaScript'; str.toLowerCase(); // 'javascript' console.log(str); // 'JavaScript'
13. toUpperCase()
str.toUpperCase()
= > 將 str 轉(zhuǎn)換為大寫，并返回 str 的一個副本，不影響字符串本身的值
var str = 'JavaScript'; str.toUpperCase(); // 'JAVASCRIPT' console.log(str); // 'JavaScript'
以上所述是小編給大家介紹的Javascript字符串常用方法詳解，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
這篇文章主要為大家分享了JavaScript編寫三級聯(lián)動簡單案例，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
JavaScript寫的炫光波動效果,看到一些Flash效果不錯,用JS也模擬一下,還有很多不完善的地方,給各位參考參考。2015-05-05
對于對于一些表格按價格 等進(jìn)行排序，方便用戶對當(dāng)前頁面的高低價格排序，用戶體驗性好2009-02-02
在網(wǎng)頁中實時的顯示時間，不但可以給網(wǎng)頁添色，還可以方便瀏覽者掌握當(dāng)前時間，為了提高網(wǎng)站的開發(fā)速度，可以把主代碼封裝在一個單獨的函數(shù)里面，在需要的時候直接調(diào)用 而我為了演示，直接寫在了主頁面，方便大家觀看2013-06-06
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)商品評價五星好評，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
我們給大家分享了關(guān)于JavaScript的async/await的相關(guān)知識點內(nèi)容，有需要的朋友們可以學(xué)習(xí)下。2018-08-08
JavaScript仿小米官網(wǎng)注冊登錄功能的實現(xiàn)
這篇文章主要為大家詳細(xì)介紹了如何通過JavaScript實現(xiàn)仿小米官網(wǎng)登錄注冊完整功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-11-11
JS腳本根據(jù)手機瀏覽器類型跳轉(zhuǎn)WAP手機網(wǎng)站（兩種方式）
隨著移動互聯(lián)網(wǎng)的不斷普及，企業(yè)的網(wǎng)絡(luò)宣傳不僅只局限在PC端，還要在移動端發(fā)展。我們在自己的網(wǎng)站做了WAP手機完整之后，如果有用戶通過手機訪問我們的企業(yè)頂級域名網(wǎng)站，就要判斷跳轉(zhuǎn)到專為的WAP網(wǎng)站，下面小編給大家整理有關(guān)手機瀏覽器跳轉(zhuǎn)WAP手機網(wǎng)站的相關(guān)內(nèi)容2015-08-08
這篇文章主要為大家詳細(xì)介紹了JavaScript canvas實現(xiàn)文字時鐘，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-01-01
javascript中style.left和offsetLeft的用法說明
本篇文章主要是對javascript中style.left和offsetLeft的用法進(jìn)行了說明介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-03-03