javascript中indexOf技術(shù)詳解
JavaScript提供了幾種技術(shù),來在字符串中搜索一個(gè)單詞、數(shù)字或其他的一串字符。搜索可能很方便,例如,如果你想要知道訪問者使用哪種Web瀏覽器來瀏覽你的站點(diǎn)。每個(gè)Web瀏覽器在一個(gè)字符串中標(biāo)識關(guān)于自己的信息,該字符串包含了很多不同的統(tǒng)計(jì)數(shù)據(jù)??梢酝ㄟ^在一個(gè)Web頁面中添加下面這段JavaScript,并且在Web瀏覽器預(yù)覽,從而看到這個(gè)字符串:
<script> alert(navigator.userAgent); </script>
Navigator是一個(gè)Web瀏覽器對象,并且userAgent是navigator對象的一個(gè)屬性。userAgent屬性包含了長長的一串信息,例如,對于運(yùn)行在Windows XP上的Internet Explorer 7,其userAgent屬性是:Mozilla/4.0(compatible;MSIE 7.0;Windows NT 5.1)。因此,如果你想看看Web瀏覽器是IE 7的情況,你可以在userAgent字符串中只搜索“MSIE 7”。搜索字符串的方法之一是indexOf()方法。在字符串之后添加一個(gè)句點(diǎn),然后是indexOf(),并且提供你要查找的字符串。基本的結(jié)構(gòu)如下所示:
string.indexOf('string to look for')
indexOf()方法返回一個(gè)數(shù)字:如果沒有找到搜索字符串,該方法返回-1。因此,如果你想要檢查Internet Explorer,可以這樣做:
var browser=navigator.userAgent;//this is a string
if(browser.indexOf('MSIE')!=-1){
//this is Internet Explorer
}
在這個(gè)例子中,如果indexOf()沒有在userAgent字符串中找到'MSIE',它將返回-1,因此,條件測試查看結(jié)果是否不等于(!=)-1。當(dāng)indexOf()方法確實(shí)找到了要搜索的字符串,它返回一個(gè)數(shù)字,它等于要查找的字符串的開始位置。如下的示例使得事情更加清晰一些:
var quote='To be, or not to be.' var searchPosition=quote.indexOf('To be');//returns 0
在這里,indexOf()在字符串'To be, or not to be.'中搜索'To be'的位置。較大的字符串以'To be'開始,因此,indexOf()在第一個(gè)位置就找到了'To be'。但是,按照編程的方式,第一個(gè)位置認(rèn)為是0,第二個(gè)字母(o)在位置1,并且第三個(gè)字母(在這個(gè)例子中是一個(gè)空格)是2。
indexOf()方法從字符串的開頭開始搜索。你也可以使用lastIndexOf()方法,從字符串的末尾開始搜索。例如,在莎士比亞的名言中,單詞'be'出現(xiàn)在兩個(gè)位置,因此,可以使用indexOf()找到第一個(gè)'be',并使用lastIndexOf()找到最后一個(gè)'be':
var quote="To be, or not to be." var firstPosition=quote.indexOf('be');//returns 3 var lastPosition=quote.lastIndexOf('be');//returns 17
在這兩個(gè)例子中,如果'be'不存在于字符串中的任何位置,結(jié)果將會是-1;如果只有一個(gè)搜索字符串的實(shí)例,indexO f()和lastIndexOf()將會返回相同的值,也就是搜索字符串在較大的字符串中開始的位置。
以上所述就是本文的全部內(nèi)容了,希望大家能夠喜歡。
相關(guān)文章
ES6初步了解原始數(shù)據(jù)類型Symbol的用法
ES6中為我們新增了一個(gè)原始數(shù)據(jù)類型Symbol,大家是否知道Symbol可以作用在哪?用來定義對象的私有變量如何寫入對象,本文對ES6 Symbol的用法介紹的非常詳細(xì),需要的朋友參考下吧2023-10-10
JavaScript定時(shí)器setTimeout()和setInterval()詳解
這篇文章主要為大家詳細(xì)介紹了JavaScript定時(shí)器setTimeout()和setInterval()的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-08-08
驗(yàn)證javascript中Object和Function的關(guān)系的三段簡單代碼
今天重溫經(jīng)典書籍。這一次看的是博客園李戰(zhàn)老師寫的<<悟透JavaScript>>,也是被樓豬翻看最多的技術(shù)書籍之一。2010-06-06
小程序自定義tabbar導(dǎo)航欄及動(dòng)態(tài)控制tabbar功能實(shí)現(xiàn)方法(uniapp)
在項(xiàng)目中遇到一個(gè)需求,根據(jù)不同的賬號,生成不同的tabBar,下面這篇文章主要給大家介紹了關(guān)于小程序自定義tabbar導(dǎo)航欄及動(dòng)態(tài)控制tabbar功能實(shí)現(xiàn)方法(uniapp)的相關(guān)資料,需要的朋友可以參考下2022-12-12
Javascript設(shè)計(jì)模式之觀察者模式(推薦)
觀察者模式有時(shí)也稱為發(fā)布--訂閱模式,在觀察者模式中,有一個(gè)觀察者可以管理所有的目標(biāo),等到有狀態(tài)發(fā)生改變的時(shí)候發(fā)出通知2016-03-03
Typescript高級類型Record,Partial,Readonly詳解
這篇文章主要介紹了Typescript高級類型Record,Partial,Readonly等介紹,keyof將一個(gè)類型的屬性名全部提取出來當(dāng)做聯(lián)合類型,本文通過實(shí)例代碼給大家詳細(xì)講解需要的朋友可以參考下2022-11-11
JS前端開發(fā)判斷是否是手機(jī)端并跳轉(zhuǎn)操作(小結(jié))
這篇文章主要介紹了JS前端開發(fā)判斷是否是手機(jī)端并跳轉(zhuǎn)操作,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-02-02

