JS-String字符串對(duì)象/返回指定位置的字符/返回指定的字符串首次出現(xiàn)的位置/字符串分割split()/提取字符串substring()/提取指定數(shù)目的字符substr()

String 字符串對(duì)象

在之前的學(xué)習(xí)中已經(jīng)使用字符串對(duì)象了湾盒,定義字符串的方法就是直接賦值帚屉。比如:

var mystr = "I love JavaScript!"

定義mystr字符串后捡遍,我們就可以訪問(wèn)它的屬性和方法缰揪。

訪問(wèn)字符串對(duì)象的屬性length:

stringObject.length; 返回該字符串的長(zhǎng)度砸王。

var mystr="Hello World!";
var myl=mystr.length;

以上代碼執(zhí)行后推盛,myl 的值將是:12

訪問(wèn)字符串對(duì)象的方法:

使用 String 對(duì)象的 toUpperCase() 方法來(lái)將字符串小寫(xiě)字母轉(zhuǎn)換為大寫(xiě):

var mystr="Hello world!";
var mynum=mystr.toUpperCase();

以上代碼執(zhí)行后,mynum 的值是:HELLO WORLD!
注意:
小寫(xiě):toLowerCase()方法

返回指定位置的字符

charAt() 方法可返回指定位置的字符谦铃。返回的字符是長(zhǎng)度為 1 的字符串耘成。

語(yǔ)法:

stringObject.charAt(index)

![注意:1.字符串中第一個(gè)字符的下標(biāo)是 0。最后一個(gè)字符的下標(biāo)為字符串長(zhǎng)度減一(string.length-1)驹闰。

2.如果參數(shù) index 不在 0 與 string.length-1 之間瘪菌,該方法將返回一個(gè)空字符串。

如:在字符串 "I love JavaScript!" 中嘹朗,返回位置2的字符:](https://upload-images.jianshu.io/upload_images/10186693-c4eb8c7298c7531f.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

<script type="text/javascript">
  var mystr="I love JavaScript!"
  document.write(mystr.charAt(2));
</script>

注意:一個(gè)空格也算一個(gè)字符师妙。
以上代碼的運(yùn)行結(jié)果:

l

返回指定的字符串首次出現(xiàn)的位置

indexOf() 方法可返回某個(gè)指定的字符串值在字符串中首次出現(xiàn)的位置。

語(yǔ)法

stringObject.indexOf(substring, startpos)

參數(shù)說(shuō)明:


image.png

說(shuō)明:

1.該方法將從頭到尾地檢索字符串 stringObject屹培,看它是否含有子串 substring默穴。

2.可選參數(shù),從stringObject的startpos位置開(kāi)始查找substring褪秀,如果沒(méi)有此參數(shù)將從stringObject的開(kāi)始位置查找蓄诽。

3.如果找到一個(gè) substring,則返回 substring 的第一次出現(xiàn)的位置媒吗。stringObject 中的字符位置是從 0 開(kāi)始的仑氛。

注意:1.indexOf() 方法區(qū)分大小寫(xiě)。

2.如果要檢索的字符串值沒(méi)有出現(xiàn)闸英,則該方法返回 -1锯岖。

例如: 對(duì) "I love JavaScript!" 字符串內(nèi)進(jìn)行不同的檢索:

<script type="text/javascript">
var str="I love JavaScript!"
document.write(str.indexOf("I") + "<br />");
document.write(str.indexOf("v") + "<br />");
document.write(str.indexOf("v",8));
</script>
以上代碼的輸出:

0
4
9

字符串分割split()

知識(shí)講解:

split() 方法將字符串分割為字符串?dāng)?shù)組,并返回此數(shù)組自阱。

語(yǔ)法:
stringObject.split(separator,limit)
參數(shù)說(shuō)明:


image.png

注意:如果把空字符串 ("") 用作 separator嚎莉,那么 stringObject 中的每個(gè)字符之間都會(huì)被分割。

我們將按照不同的方式來(lái)分割字符串:

使用指定符號(hào)分割字符串沛豌,代碼如下:

var mystr = "www.imooc.com";
document.write(mystr.split(".")+"
");
document.write(mystr.split(".", 2)+"
");
運(yùn)行結(jié)果:

www,imooc,com
www,imooc
將字符串分割為字符趋箩,代碼如下:

document.write(mystr.split("")+"
");
document.write(mystr.split("", 5));
運(yùn)行結(jié)果:

w,w,w,.,i,m,o,o,c,.,c,o,m
w,w,w,.,i

提取字符串substring()

substring() 方法用于提取字符串中介于兩個(gè)指定下標(biāo)之間的字符赃额。

語(yǔ)法:

stringObject.substring(startPos,stopPos) 

參數(shù)說(shuō)明:


image.png

注意:

  1. 返回的內(nèi)容是從 start開(kāi)始(包含start位置的字符)到 stop-1 處的所有字符,其長(zhǎng)度為 stop 減start叫确。

  2. 如果參數(shù) start 與 stop 相等跳芳,那么該方法返回的就是一個(gè)空串(即長(zhǎng)度為 0 的字符串)。

  3. 如果 start 比 stop 大竹勉,那么該方法在提取子串之前會(huì)先交換這兩個(gè)參數(shù)飞盆。

使用 substring() 從字符串中提取字符串,代碼如下:

<script type="text/javascript">
  var mystr="I love JavaScript";
  document.write(mystr.substring(7));
  document.write(mystr.substring(2,6));
</script>

運(yùn)行結(jié)果:

JavaScript
love

提取指定數(shù)目的字符substr()

substr() 方法從字符串中提取從 startPos位置開(kāi)始的指定數(shù)目的字符串次乓。

語(yǔ)法:

stringObject.substr(startPos,length)
參數(shù)說(shuō)明:

image.png

注意:如果參數(shù)startPos是負(fù)數(shù)吓歇,從字符串的尾部開(kāi)始算起的位置。也就是說(shuō)票腰,-1 指字符串中最后一個(gè)字符城看,-2 指倒數(shù)第二個(gè)字符,以此類(lèi)推杏慰。

如果startPos為負(fù)數(shù)且絕對(duì)值大于字符串長(zhǎng)度测柠,startPos為0。

使用 substr() 從字符串中提取一些字符缘滥,代碼如下:

<script type="text/javascript">
  var mystr="I love JavaScript!";
  document.write(mystr.substr(7));
  document.write(mystr.substr(2,4));
</script>

運(yùn)行結(jié)果:

JavaScript!
love
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末轰胁,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子朝扼,更是在濱河造成了極大的恐慌赃阀,老刑警劉巖,帶你破解...
    沈念sama閱讀 207,113評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件擎颖,死亡現(xiàn)場(chǎng)離奇詭異凹耙,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)肠仪,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評(píng)論 2 381
  • 文/潘曉璐 我一進(jìn)店門(mén)肖抱,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人异旧,你說(shuō)我怎么就攤上這事意述。” “怎么了吮蛹?”我有些...
    開(kāi)封第一講書(shū)人閱讀 153,340評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵荤崇,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我潮针,道長(zhǎng)术荤,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,449評(píng)論 1 279
  • 正文 為了忘掉前任每篷,我火速辦了婚禮瓣戚,結(jié)果婚禮上端圈,老公的妹妹穿的比我還像新娘。我一直安慰自己子库,他們只是感情好舱权,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,445評(píng)論 5 374
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著仑嗅,像睡著了一般宴倍。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上仓技,一...
    開(kāi)封第一講書(shū)人閱讀 49,166評(píng)論 1 284
  • 那天鸵贬,我揣著相機(jī)與錄音,去河邊找鬼脖捻。 笑死恭理,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的郭变。 我是一名探鬼主播,決...
    沈念sama閱讀 38,442評(píng)論 3 401
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼涯保,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼诉濒!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起夕春,我...
    開(kāi)封第一講書(shū)人閱讀 37,105評(píng)論 0 261
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤未荒,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后及志,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體片排,經(jīng)...
    沈念sama閱讀 43,601評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,066評(píng)論 2 325
  • 正文 我和宋清朗相戀三年速侈,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了率寡。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,161評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡倚搬,死狀恐怖冶共,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情每界,我是刑警寧澤捅僵,帶...
    沈念sama閱讀 33,792評(píng)論 4 323
  • 正文 年R本政府宣布,位于F島的核電站眨层,受9級(jí)特大地震影響庙楚,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜趴樱,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,351評(píng)論 3 307
  • 文/蒙蒙 一馒闷、第九天 我趴在偏房一處隱蔽的房頂上張望酪捡。 院中可真熱鬧,春花似錦窜司、人聲如沸沛善。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,352評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)金刁。三九已至,卻和暖如春议薪,著一層夾襖步出監(jiān)牢的瞬間尤蛮,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,584評(píng)論 1 261
  • 我被黑心中介騙來(lái)泰國(guó)打工斯议, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留产捞,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,618評(píng)論 2 355
  • 正文 我出身青樓哼御,卻偏偏與公主長(zhǎng)得像坯临,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子恋昼,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,916評(píng)論 2 344