最常見(jiàn)和最有用的字符串相關(guān)的方法詳解
轉(zhuǎn)換字符串
你可以轉(zhuǎn)換一個(gè)數(shù)字,布爾值,或一個(gè)字符串的對(duì)象:
var myNumber = 24; // 24 var myString = myNumber.toString(); // "24"
var myNumber = 24; // 24 var myString = String(myNumber); // "24"
將字符串分割成多個(gè)子字符串
為了區(qū)分一個(gè)字符串轉(zhuǎn)換為一個(gè)子字符串?dāng)?shù)組,你可以使用的split()方法:
var myString = "coming,apart,at,the,commas"; var substringArray = myString.split(","); // ["coming", "apart", "at", "the", "commas"] var arrayLimited = myString.split(",", 3); // ["coming", "apart", "at"]
最后一行的第二個(gè)參數(shù)限制了數(shù)組參數(shù)所指定的項(xiàng)目的數(shù)量。
獲取一個(gè)字符串的長(zhǎng)度
要找出多少個(gè)字符長(zhǎng)的字符串的length屬性:
var myString = "You're quite a character."; var stringLength = myString.length; // 25
在字符串中找到一個(gè)子串
這樣做的方法有兩種。
使用indexOf():
var stringOne = "Johnny Waldo Harrison Waldo"; var wheresWaldo = stringOne.indexOf("Waldo"); // 7
indexOf()方法從字符串的開(kāi)頭開(kāi)始搜索的子串(通過(guò))第一個(gè)參數(shù),并返回第一次出現(xiàn)子字符串的開(kāi)始位置。
使用lastIndexOf() :
var stringOne = "Johnny Waldo Harrison Waldo"; var wheresWaldo = stringOne.lastIndexOf("Waldo"); // 22
lastIndexOf()方法是完全一樣的,只不過(guò)它返回傳遞的子字符串中最后一次出現(xiàn)的起始位置。
在這兩種方法中,如果沒(méi)有找到子字符串,則返回值-1,并允許一個(gè)可選的第二個(gè)參數(shù)表示您要開(kāi)始搜索的字符在字符串中的位置
替換掉一個(gè)子串
要更換一個(gè)新的字符串的字符串的一部分或全部,你可以使用replace():
var slugger = "Josh Hamilton"; var betterSlugger = slugger.replace("h Hamilton", "e Bautista"); console.log(betterSlugger); // "Jose Bautista"
第一個(gè)參數(shù)是你要替換的子字符串,第二個(gè)參數(shù)是新的子串。這只會(huì)替換匹配的子字符串的第一個(gè)實(shí)例。
要更換匹配的子字符串的所有實(shí)例,使用正則表達(dá)式的全局標(biāo)志:
var myString = "She sells automotive shells on the automotive shore"; var newString = myString.replace(/automotive/g, "sea"); console.log(newString); // "She sells sea shells on the sea shore"
第二個(gè)參數(shù)可以包括特殊的替換模式,或可以是一個(gè)函數(shù)。
在給定的位置,找到相應(yīng)的字符
要查找的字符是在指定的位置,你可以使用charAt()方法:
var myString = "Birds of a Feather"; var whatsAtSeven = myString.charAt(7); // "f"
往往是在JavaScript的情況下,引用該字符串中的第一個(gè)位置為“0”,而不是“1”。
或者,您也可以使用charCodeAt() ,它給你,而不是字符本身的字符代碼:
var myString = "Birds of a Feather"; var whatsAtSeven = myString.charCodeAt(7); // "102" var whatsAtEleven = myString.charCodeAt(11); // "70"
請(qǐng)注意,大寫字母“F”的位(11)的字符代碼與小寫字母“f”的位(7)從字符碼不同。
連接多個(gè)字符串
在大多數(shù)情況下,當(dāng)您連接字符串時(shí),你會(huì)使用加法運(yùn)算符(+)。但你也可以選擇使用CONCAT()方法:
var stringOne = "Knibb High football "; var stringTwo = stringOne.concat("rules."); // "Knibb High football rules"
您還可以通過(guò)將多個(gè)字符串,將被一個(gè)個(gè)的追加起來(lái)(在它們出現(xiàn)的順序):
var stringOne = "Knibb "; var stringTwo = "High "; var stringThree = "football "; var stringFour = "rules."; var finalString = stringOne.concat(stringTwo, stringThree, stringFour); console.log(finalString); // "Knibb high football rules."
提取字符串(組成新字符串)
有三種不同的方法來(lái)創(chuàng)建一個(gè)新的字符串值:
使用slice()方法:
var stringOne = "abcdefghijklmnopqrstuvwxyz"; var stringTwo = stringOne.slice(5, 10); // "fghij"
使用substring()方法:
var stringOne = "abcdefghijklmnopqrstuvwxyz"; var stringTwo = stringOne.substring(5, 10); // "fghij"
對(duì)于這兩個(gè)slice()和substring()方法的第一個(gè)參數(shù)是你想要的開(kāi)始的子串,第二個(gè)參數(shù)(這是可選的)后的字符串中的字符結(jié)束的字串。因此,在上面的例子中,參數(shù)“5,10”,是指,字符5到9,以創(chuàng)建一個(gè)新的字符串。
使用SUBSTR()
var stringOne = "abcdefghijklmnopqrstuvwxyz"; var stringTwo = stringOne.substr(5, 10); // "fghijklmno"
SUBSTR() ,第一個(gè)參數(shù)代表開(kāi)始新的字符串的字符,第二個(gè)參數(shù)是可選的。但這個(gè)時(shí)候,第二個(gè)參數(shù)表示的字符的總數(shù)應(yīng)包括的開(kāi)始的字符“5”的位置。
一個(gè)字符串轉(zhuǎn)換為大寫或小寫
有四種方法做大小寫轉(zhuǎn)換。有兩個(gè)字符串轉(zhuǎn)換為全部大寫:
var stringOne = "Speak up, I can't hear you."; var stringTwo = stringOne.toLocaleUpperCase(); // "SPEAK UP, I CAN'T HEAR YOU" var stringThree = stringOne.toUpperCase(); // "SPEAK UP, I CAN'T HEAR YOU"
將字符串轉(zhuǎn)換為小寫:
var stringOne = "YOU DON'T HAVE TO YELL"; var stringTwo = stringOne.toLocaleLowerCase(); // "you don't have to yell" var stringThree = stringOne.toLowerCase(); // "you don't have to yell"
模式匹配
在一個(gè)字符串匹配的模式,可以使用兩種方法,其基本的工作方式相同。
一個(gè)字符串match()方法被調(diào)用,并通過(guò)正則表達(dá)式:
var myString = "How much wood could a wood chuck chuck"; var myPattern = /.ood/; var myResult = myString.match(myPattern); // ["wood"] var patternLocation = myResult.index; // 9 var originalString = myResult.input // "How much wood could a wood chuck chuck"
exec()方法被調(diào)用的一個(gè)正則表達(dá)式對(duì)象,并通過(guò)字符串:
var myString = "How much wood could a wood chuck chuck"; var myPattern = /.huck/; var myResult = myPattern.exec(myString); // ["chuck"] var patternLocation = myResult.index; // 27 var originalString = myResult.input // "How much wood could a wood chuck chuck"
對(duì)于這兩種方法,只在第一個(gè)匹配發(fā)生被返回。如果沒(méi)有找到匹配,將返回空值。
也可以使用search()方法,它接受一個(gè)正則表達(dá)式作為唯一的參數(shù),并返回模式第一次出現(xiàn)的位置:
var myString = "Assume"; var patternLocation = myString.search(/ume/); // 3
如果沒(méi)有找到匹配,則該方法返回“-1”。
比較兩個(gè)字符串的排序順序
您可以比較兩個(gè)字符串,看看哪一個(gè)字母先靠前使用localeCompare,,有三個(gè)可能的返回值:
var myString = "chicken"; var myStringTwo = "egg"; var whichCameFirst = myString.localeCompare(myStringTwo); // -1 (except Chrome, which returns -2) whichCameFirst = myString.localeCompare("chicken"); // 0 whichCameFirst = myString.localeCompare("apple"); // 1 (Chrome returns 2) stringObject.localeCompare(target)//公式
如上圖所示,如果 stringObject 小于 target,則 localeCompare() 返回小于 0 的數(shù)。如果 stringObject 大于 target,則該方法返回大于 0 的數(shù)。如果兩個(gè)字符串相等,或根據(jù)本地排序規(guī)則沒(méi)有區(qū)別,該方法返回 0。
由于瀏覽器可以返回任何負(fù)數(shù)或正數(shù)之前和之后的結(jié)果最好使用 if ( result < 0 ) ,而不是if ( result === -1 ),后者將無(wú)法在Chrome瀏覽器中運(yùn)行。
以上就是本文的全部?jī)?nèi)容,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助,同時(shí)也希望多多支持腳本之家!
- Python使用中文正則表達(dá)式匹配指定中文字符串的方法示例
- 詳解Python3中字符串中的數(shù)字提取方法
- JavaScript正則表達(dá)式替換字符串中圖片地址(img src)的方法
- PHP字符串逆序排列實(shí)現(xiàn)方法小結(jié)【strrev函數(shù),二分法,循環(huán)法,遞歸法】
- java獲取文件擴(kuò)展名的方法小結(jié)【正則與字符串截取】
- JS正則截取兩個(gè)字符串之間及字符串前后內(nèi)容的方法
- 用Shell判斷字符串包含關(guān)系的方法小結(jié)
- jQuery實(shí)現(xiàn)字符串全部替換的方法
- 將JSON字符串轉(zhuǎn)換成Map對(duì)象的方法
- java 字符串截取的三種方法(推薦)
- 利用JS判斷字符串是否含有數(shù)字與特殊字符的方法小結(jié)
相關(guān)文章
JS實(shí)現(xiàn)的二叉樹(shù)算法完整實(shí)例
這篇文章主要介紹了JS實(shí)現(xiàn)的二叉樹(shù)算法,結(jié)合完整實(shí)例形式分析了基于JS定義、創(chuàng)建二叉樹(shù)及常用的各種遍歷、訪問(wèn)二叉樹(shù)操作技巧,需要的朋友可以參考下2017-04-04JavaScript實(shí)現(xiàn)簡(jiǎn)易計(jì)算器功能的兩種方法
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)易計(jì)算器功能的兩種方法,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-07-07詳解webpack-dev-server的簡(jiǎn)單使用
本篇文章主要介紹了詳解webpack-dev-server的簡(jiǎn)單使用,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-04-04JavaScript實(shí)現(xiàn)把數(shù)字轉(zhuǎn)換成中文
這篇文章主要介紹了JavaScript實(shí)現(xiàn)把數(shù)字轉(zhuǎn)換成中文,本文直接給出實(shí)例代碼,需要的朋友可以參考下2015-06-06詳解JavaScript中Generator函數(shù)的使用
Generator 是 ES6 新增的一種函數(shù)類型,這篇文章主要來(lái)和大家詳細(xì)聊聊Generator函數(shù)的具體用法,文中的示例代碼講解詳細(xì),感興趣的可以了解一下2023-06-06javascript中日期函數(shù)new Date()的瀏覽器兼容性問(wèn)題
這篇文章主要介紹了javascript中日期函數(shù)new Date()的瀏覽器兼容性問(wèn)題,需要的朋友可以參考下2015-09-09JS中call(),apply(),bind()函數(shù)的區(qū)別與用法詳解
這篇文章主要介紹了JS中call(),apply(),bind()函數(shù)的高級(jí)用法詳解,需要的朋友可以參考下2022-12-12Javascript 實(shí)現(xiàn)放大鏡效果實(shí)例詳解
這篇文章主要介紹了Javascript 實(shí)現(xiàn)放大鏡效果實(shí)例詳解的相關(guān)資料,這里附有實(shí)現(xiàn)實(shí)例代碼,具有參考價(jià)值,需要的朋友可以參考下2016-12-12js中的escape及unescape函數(shù)的php實(shí)現(xiàn)代碼
js中的escape及unescape函數(shù)的php實(shí)現(xiàn)代碼...2007-09-09