Javascript字符串常用方法詳解
字符串
字符串就是一個(gè)或多個(gè)排列在一起的字符,放在單引號或雙引號之中。
'abc'
"abc"
length屬性
js里的字符串類似于數(shù)組,都是一個(gè)一個(gè)字符拼湊在一起組成的,因此可以用length屬性取得字符串的長度
var str = "hello"
str.length; // 5
字符串常用的一些方法
1. charAt()
str.charAt(n)
=> 返回字符串的第 n 個(gè)字符,如果不在 0~str.length-1之間,則返回一個(gè)空字符串。
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 則查找整個(gè)字符串(如同傳進(jìn)了 0)。如果 start >= str.length,則該方法返回 -1,除非被查找的字符串是一個(gè)空字符串,此時(shí)返回 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ù)值時(shí)會(huì)視為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 與一個(gè)正則表達(dá)式是否匹配。如果匹配成功,則返回正則表達(dá)式在字符串中首次匹配項(xiàng)的索引;否則,返回 -1。如果參數(shù)傳入的是一個(gè)非正則表達(dá)式對象,則會(huì)使用 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)
= > 返回一個(gè)包含匹配結(jié)果的數(shù)組,如果沒有匹配項(xiàng),則返回 null。如果參數(shù)傳入的是一個(gè)非正則表達(dá)式對象,則會(huì)使用 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])
= >返回一個(gè)數(shù)組,分隔符 separator 可以是一個(gè)字符串或正則表達(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 的一個(gè)副本,不影響字符串本身的值
var str = ' abc '; str.trim(); // 'abc' console.log(str); // ' abc '
12. toLowerCase()
str.toLowerCase()
= > 將 str 轉(zhuǎn)換為小寫,并返回 str 的一個(gè)副本,不影響字符串本身的值
var str = 'JavaScript'; str.toLowerCase(); // 'javascript' console.log(str); // 'JavaScript'
13. toUpperCase()
str.toUpperCase()
= > 將 str 轉(zhuǎn)換為大寫,并返回 str 的一個(gè)副本,不影響字符串本身的值
var str = 'JavaScript'; str.toUpperCase(); // 'JAVASCRIPT' console.log(str); // 'JavaScript'
以上所述是小編給大家介紹的Javascript字符串常用方法詳解,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
JavaScript實(shí)現(xiàn)Flash炫光波動(dòng)特效
JavaScript寫的炫光波動(dòng)效果,看到一些Flash效果不錯(cuò),用JS也模擬一下,還有很多不完善的地方,給各位參考參考。2015-05-05
js 靜態(tài)HTML表格排序功能實(shí)現(xiàn)
對于對于一些表格按價(jià)格 等進(jìn)行排序,方便用戶對當(dāng)前頁面的高低價(jià)格排序,用戶體驗(yàn)性好2009-02-02
js實(shí)時(shí)獲取系統(tǒng)當(dāng)前時(shí)間實(shí)例代碼
在網(wǎng)頁中實(shí)時(shí)的顯示時(shí)間,不但可以給網(wǎng)頁添色,還可以方便瀏覽者掌握當(dāng)前時(shí)間,為了提高網(wǎng)站的開發(fā)速度,可以把主代碼封裝在一個(gè)單獨(dú)的函數(shù)里面,在需要的時(shí)候直接調(diào)用 而我為了演示,直接寫在了主頁面,方便大家觀看2013-06-06
JavaScript實(shí)現(xiàn)商品評價(jià)五星好評
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)商品評價(jià)五星好評,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-11-11
JavaScript仿小米官網(wǎng)注冊登錄功能的實(shí)現(xiàn)
這篇文章主要為大家詳細(xì)介紹了如何通過JavaScript實(shí)現(xiàn)仿小米官網(wǎng)登錄注冊完整功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-11-11
JS腳本根據(jù)手機(jī)瀏覽器類型跳轉(zhuǎn)WAP手機(jī)網(wǎng)站(兩種方式)
隨著移動(dòng)互聯(lián)網(wǎng)的不斷普及,企業(yè)的網(wǎng)絡(luò)宣傳不僅只局限在PC端,還要在移動(dòng)端發(fā)展。我們在自己的網(wǎng)站做了WAP手機(jī)完整之后,如果有用戶通過手機(jī)訪問我們的企業(yè)頂級域名網(wǎng)站,就要判斷跳轉(zhuǎn)到專為的WAP網(wǎng)站,下面小編給大家整理有關(guān)手機(jī)瀏覽器跳轉(zhuǎn)WAP手機(jī)網(wǎng)站的相關(guān)內(nèi)容2015-08-08
JavaScript canvas實(shí)現(xiàn)文字時(shí)鐘
這篇文章主要為大家詳細(xì)介紹了JavaScript canvas實(shí)現(xiàn)文字時(shí)鐘,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-01-01
javascript中style.left和offsetLeft的用法說明
本篇文章主要是對javascript中style.left和offsetLeft的用法進(jìn)行了說明介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-03-03

