JavaScript中字符串的常用方法總結(jié)
1.字符串長度
length 屬性返回字符串的長度:
var str = "字符串常用方法總結(jié)-東東吖"; str.length; //13
2.查找字符串中的位置
有三種查找字符串中的位置:
- indexOf()
- lastIndexOf()
- search()
indexOf()
indexOf() 方法返回字符串中指定文本首次出現(xiàn)的索引(從0開始),如果沒有則為-1,可以設(shè)置第二個(gè)參數(shù),假如第二個(gè)參數(shù)是 10,則從位置 10 開始檢索,直到字符串的起點(diǎn)。
var str = "字符串常用方法總結(jié)-東東吖";
str.indexOf('東') //10
str.indexOf('東',11) //11
str.indexOf('東東') //10
str.indexOf('方法') //5
str.indexOf('前') //-1
lastIndexOf()
lastIndexOf() 方法返回指定文本在字符串中最后一次出現(xiàn)的索引(從尾到頭),如果沒有則為-1??梢栽O(shè)置第二個(gè)參數(shù),假如第二個(gè)參數(shù)是 10,則從位置 10 開始檢索,直到字符串的起點(diǎn)。(這里需認(rèn)真理解最后一次的概念)
var str = "字符串常用方法總結(jié)-東東吖";
str.lastIndexOf('總') //7
str.lastIndexOf('吖') //12
str.lastIndexOf('東') //11
str.lastIndexOf('東',10) //10
str.lastIndexOf('東東') //10
str.indexOf('前') //-1
search()
search() 方法搜索特定值的字符串,并返回匹配的位置:
var str = "字符串常用方法總結(jié)-東東吖";
str.search('方') //5
str.search('東') //10
str.search('東東') //10
您注意到了嗎?
兩種方法,indexOf() 與 search(),是相等的。
這兩種方法是不相等的。區(qū)別在于:
- search() 方法無法設(shè)置第二個(gè)開始位置參數(shù)。
- indexOf() 方法無法設(shè)置更強(qiáng)大的搜索值(正則表達(dá)式)
3.提取部分字符串
有三種提取部分字符串的方法:
- slice(start, end)
- substring(start, end)
- substr(start, length)
substring()和substr()記憶方法:有ing尾巴的使用尾巴,沒尾巴的使用長度。
slice()
slice() 提取字符串的某個(gè)部分并在新字符串中返回被提取的部分。
該方法設(shè)置兩個(gè)參數(shù):起始索引(開始位置),終止索引(結(jié)束位置)
var str = "Apple, Banana, Mango"; str.slice(0,8); // 'Apple, B' 注意此處空格也占一個(gè)位置
如果某個(gè)參數(shù)為負(fù),則從字符串的結(jié)尾開始計(jì)數(shù)。
這個(gè)例子裁剪字符串中位置 -12 到位置 -6 的片段:
var str = "Apple, Banana, Mango"; str.slice(-13,-7); //'Banana'
如果省略第二個(gè)參數(shù),則該方法將裁剪字符串的剩余部分:
var str = "Apple, Banana, Mango"; str.slice(7); //'Banana, Mango' str.slice(-13); //'Banana, Mango'
substring()
substring() 類似于 slice()。
不同之處在于substring() 無法接受負(fù)的索引,同樣可以省略第二個(gè)參數(shù)。
var str = "Apple, Banana, Mango"; str.substring(7,13); //'Banana' str.substring(7); //'Banana, Mango'
substr()
substr() 類似于 slice()。
不同之處在于第二個(gè)參數(shù)規(guī)定被提取部分的長度,同樣可以省略第二個(gè)參數(shù)、如果首個(gè)參數(shù)為負(fù),則從字符串的結(jié)尾計(jì)算位置。
var str = "Apple, Banana, Mango"; str.substr(7,6); //'Banana' str.substr(7); //'Banana, Mango' str.substr(-5); //'Mango'
4.替換字符串內(nèi)容
replace()方法用另一個(gè)值替換在字符串中指定的值replace()方法不會改變調(diào)用它的字符串。它返回的是新字符串replace()默認(rèn)只替換首個(gè)匹配- 如需替換所有匹配,請使用正則表達(dá)式的 /str/g 標(biāo)志(用于全局搜索):
- 如需執(zhí)行大小寫不敏感的替換,請使用正則表達(dá)式/str/i(大小寫不敏感):
var str ='我叫東東吖,我是一名前端工程師!';
str.replace("前","后"); // "我叫東東吖,我是一名后端工程師!"
str.replace("東","西"); //"我叫西東吖,我是一名前端工程師!"
var str = "Please visit Microsoft!";
str.replace(/MICROSOFT/i, "W3School"); // "Please visit W3School!"
5.轉(zhuǎn)換為大寫和小寫
通過 toUpperCase() 把字符串轉(zhuǎn)換為大寫
通過 toLowerCase() 把字符串轉(zhuǎn)換為小寫
var str ="abc"; str.toUpperCase(); // "ABC" var str ="CBD"; str.toLowerCase(); //"cbd"
6.連接字符串
concat() 連接兩個(gè)或多個(gè)字符串:
var text = "Hello" + " " + "World!";
var text = "Hello".concat(" ","World!");
所有字符串方法都會返回新字符串。它們不會修改原始字符串。
正式地說:字符串是不可變的:字符串不能更改,只能替換。
7.刪除字符串兩端的空白符
trim() 方法刪除字符串兩端的空白符:
var str = " Hello Worl d! "; str.trim(); // "Hello World!"
8.提取字符串字符
這是兩個(gè)提取字符串字符的安全方法:
charAt()方法返回字符串中指定下標(biāo)(位置)的字符串:charCodeAt()方法返回字符串中指定索引的字符 unicode 編碼:
var str = "HELLO WORLD"; str.charAt(0); // H str.charCodeAt(0); // 72
到此這篇關(guān)于JavaScript中字符串的常用方法總結(jié)的文章就介紹到這了,更多相關(guān)JavaScript字符串內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
js獲取URL的參數(shù)的方法(getQueryString)示例
getQueryString方法默認(rèn)返回的是 string如果是int類型,則JS使用的時(shí)候,要進(jìn)行轉(zhuǎn)換一下,下面有個(gè)不錯(cuò)的示例,大家可以參考下2013-09-09
理解JAVASCRIPT中hasOwnProperty()的作用
JavaScript中hasOwnProperty函數(shù)方法是返回一個(gè)布爾值,指出一個(gè)對象是否具有指定名稱的屬性2013-06-06
如何寫一個(gè)通用的JavaScript效果庫!(2/2)
如何寫一個(gè)通用的JavaScript效果庫!(2/2)...2007-04-04
深入學(xué)習(xí) JavaScript中的函數(shù)調(diào)用
可能很多人在學(xué)習(xí) JavaScript 過程中碰到過函數(shù)參數(shù)傳遞方式的迷惑,本著深入的精神,我給大家分享了一篇教程關(guān)于javascript中的函數(shù)調(diào)用知識,感興趣的朋友一起學(xué)習(xí)吧2017-03-03
JavaScript使用html2canvas實(shí)現(xiàn)截取HTML并生成圖片
在前端開發(fā)中,有時(shí)我們需要將網(wǎng)頁的一部分或整個(gè)頁面截取并保存為圖片,這在生成報(bào)告、分享內(nèi)容或保存用戶界面狀態(tài)等場景中非常有用,本文將介紹如何使用 JavaScript 庫 html2canvas 來實(shí)現(xiàn)這一功能,并提供一個(gè)完整的示例,需要的朋友可以參考下2024-10-10

