首頁 web前端 js教程 indexOf()使用方法以及與 jQuery.inArray()的區別

indexOf()使用方法以及與 jQuery.inArray()的區別

Jun 19, 2017 pm 03:26 PM
indexof 使用方法 差別

indexOf()函數用於尋找子字串在目前字串中第一次出現的位置。 此函數屬於String對象,所有主流瀏覽器均支援此函數。

語法

stringObject.indexOf( substring [, startIndex ] )

參數

substring    String類型需要尋找的子字元串。    

startIndex    可選/Number類型在目前字串中尋找的起始索引,預設為0。    

傳回值

indexOf()方法的回傳值為Number類型,傳回子字串在目前字串中第一次查找到的起始位置(索引)。

如果沒有找到,則回傳-1。

實例:

var str = "CodePlayer";
// 查找"Code",返回其第一次出现位置的起始索引
var index = str.indexOf("Code");
document.writeln(index); // 0
str = "jjkgdsgsabcgdhgdhj";
index = str.indexOf("j");
document.writeln(index); // 0
str = "abcsdjh230acabc";
// 从索引5处("j")开始查找"abc"
index = str.indexOf("abc", 5);
document.writeln(index); // 12
str = "abc";
index = str.indexOf("code");
// 找不到返回-1
document.writeln(index); // -1
登入後複製

indexOf() 和 lastIndexOf() 是js的用法,與jquery是無關的,所有直接用原生js就可以了。

indexOf() 和 lastIndexOf() 方法傳回的都是指定的子字串在另一個字串中的位置,如果沒有找不到子字串,則傳回 -1。 
這兩個方法的不同之處在於,indexOf() 方法是從字串的開頭(位置 0)開始檢索字串,而 lastIndexOf() 方法則是從字串的結尾開始檢索子字串。 

strObj.indexOf(subString[, startIndex]) 參考 數 strObj 必選項。 String 物件或文字。 subString 必選項。要在 String 物件中尋找的子字元 字串。 starIndex 可選項。此整數值指出在 String 物件內開始尋找的索引。如果省略,則從字串的開始處尋找。 

說明 indexOf 方法傳回整數值,指出 String 物件內子字串的開始位置。如果沒有找到子字串,則傳回 -1。 如果 startindex 是負數,則 startindex 被當作零。如果它比最大的字元位置索引還大,則它被當作最大的可能索引。 從左向右執行查找。否則,該方法與 lastIndexOf 相同。

範例: [CODE_HTML] [/CODE_HTML] 最後得到的結果是-1,0,3 

if(ss.indexOf('winner')>-1) 
# strobj.indexOf(substring[, startindex]) 
#其中strobj是必選項。 string 物件或文字 

indexOf() 與 jQuery.inArray()

1.indexOf ()

     當無法確定在某個字串中是否確實存在一個字元的時候,就可呼叫indexOf() 和lastIndexOf() 方法。
    indexOf() 和 lastIndexOf() 方法傳回的都是指定的子字串在另一個字串中的位置,如果沒有找不到子字串,則傳回 -1。
    這兩個方法的差異在於,indexOf() 方法是從字串的開頭(位置 0)開始檢索字串,而 lastIndexOf() 方法則是從字串的結尾開始檢索子字串。

2.jquery.inArray()

    jQuery.inArray(value, array) 確定第一個參數在陣列中的位置,從0開始計數(如果沒有找到則回傳-1 )。傳回值:Number

   例如:

var arr = [ "shtnl", "html", "js", "nodejs" ];  
$.inArray("js", arr);  //返回 2,
登入後複製

   若不包含在陣列中,則傳回 -1;

以上是indexOf()使用方法以及與 jQuery.inArray()的區別的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

PS導出PDF如何設置密碼保護 PS導出PDF如何設置密碼保護 Apr 06, 2025 pm 04:45 PM

在 Photoshop 中導出帶密碼保護的 PDF:打開圖像文件。點擊“文件”>“導出”>“導出為 PDF”。設置“安全性”選項,兩次輸入相同的密碼。點擊“導出”生成 PDF 文件。

c語言函數的基本要求有哪些 c語言函數的基本要求有哪些 Apr 03, 2025 pm 10:06 PM

C語言函數是代碼模塊化和程序搭建的基礎。它們由聲明(函數頭)和定義(函數體)組成。 C語言默認使用值傳遞參數,但也可使用地址傳遞修改外部變量。函數可以有返回值或無返回值,返回值類型必須與聲明一致。函數命名應清晰易懂,使用駝峰或下劃線命名法。遵循單一職責原則,保持函數簡潔性,以提高可維護性和可讀性。

c語言函數的概念 c語言函數的概念 Apr 03, 2025 pm 10:09 PM

C語言函數是可重複利用的代碼塊,它接收輸入,執行操作,返回結果,可將代碼模塊化提高可複用性,降低複雜度。函數內部機制包含參數傳遞、函數執行、返回值,整個過程涉及優化如函數內聯。編寫好的函數遵循單一職責原則、參數數量少、命名規範、錯誤處理。指針與函數結合能實現更強大的功能,如修改外部變量值。函數指針將函數作為參數傳遞或存儲地址,用於實現動態調用函數。理解函數特性和技巧是編寫高效、可維護、易理解的C語言程序的關鍵。

H5和小程序與APP的區別 H5和小程序與APP的區別 Apr 06, 2025 am 10:42 AM

H5、小程序和APP的主要區別在於:技術架構:H5基於網頁技術,小程序和APP為獨立應用程序。體驗和功能:H5輕便易用,功能受限;小程序輕量級,交互性好;APP功能強大,體驗流暢。兼容性:H5跨平台兼容,小程序和APP受平台限制。開發成本:H5開發成本低,小程序中等,APP最高。適用場景:H5適合信息展示,小程序適合輕量化應用,APP適合複雜功能應用。

在router文件夾下的index.js文件中為什麼需要調用Vue.use(VueRouter)? 在router文件夾下的index.js文件中為什麼需要調用Vue.use(VueRouter)? Apr 05, 2025 pm 01:03 PM

在router文件夾下的index.js文件中註冊VueRouter的必要性在開發Vue應用程序時,常常會遇到關於路由配置的問題。特�...

c和c#的區別和聯繫有哪些 c和c#的區別和聯繫有哪些 Apr 03, 2025 pm 10:36 PM

C和C#雖有類似之處,但截然不同:C是面向過程、手動內存管理、平台依賴的語言,用於系統編程;C#是面向對象、垃圾回收、平台獨立的語言,用於桌面、Web應用和遊戲開發。

JavaScript中如何從指定DOM節點下使用XPath進行查找? JavaScript中如何從指定DOM節點下使用XPath進行查找? Apr 04, 2025 pm 11:15 PM

DOM節點下XPath查找方法詳解在JavaScript中,我們經常需要根據XPath表達式從DOM樹中查找特定的節點。如果需要從某�...

H5和小程序的推廣方式有何不同 H5和小程序的推廣方式有何不同 Apr 06, 2025 am 11:03 AM

H5與小程序的推廣方式存在差異:平台依賴性:H5依賴瀏覽器,小程序依賴特定平台(如微信)。用戶體驗:H5體驗較差,小程序提供類似原生應用的流暢體驗。傳播方式:H5通過鏈接傳播,小程序通過平台分享或搜索。 H5推廣方式:社交分享、郵件營銷、QR碼、SEO、付費廣告。小程序推廣方式:平台推廣、社交分享、線下推廣、ASO、與其他平台合作。

See all articles