Change language
Python.Engineering Wiki JavaScript 索引

JavaScript 索引

exp | find | JavaScript | mean | sin
Michael Zippo Michael Zippo

JavaScript indexOf() 方法返回列表中元素的位置或字符串中子字符串的位置。如果指定值未出現在列表或字符串中，JavaScript indexOf () 方法將返回 -1。僅返回第一次出現的值的索引值。

通常您可能想知道字符串或數組是否包含特定值。例如，您可能有一份甜甜圈商店出售的甜甜圈口味列表。您可能想檢查一下是否已從菜單中刪除了不受歡迎的三重巧克力甜甜圈。

這就是 indexOf () JavaScript 方法派上用場的地方。 indexOf () 方法返回可以在數組或字符串中找到給定值的第一個索引。如果沒有找到值，則返回一個特殊的值 -1。

在本教程中，我們將探索 JavaScript 中 indexOf () 方法的基礎知識。我們將通過兩個示例來展示此方法的實際作用，以幫助您更好地理解 indexOf () 方法。

JavaScript indexOf () 與 Array

Array 。 indexOf () 內置方法 在數組中搜索一個值。該方法查找指定項第一次顯示在數組中的索引值。如果找到指定的元素，indexOf() 方法返回該值第一次出現的索引號。如果沒有找到指定的元素，indexOf()會返回-1。

indexOf()方法取大寫和小寫字母都考慮在內。這意味著如果一個值出現在一個不屬於我們指定的大小寫的列表中，indexOf() 將返回 -1。

這是 indexOf() 方法的語法在 JavaScript 中：

indexOf () 方法區分大小寫。下面是 JavaScript 中 indexOf() 函數的語法：

item 參數是我們在 JavaScript 數組 中尋找的項目。此參數是必需的。 start_position 參數是可選的。 start_position 是數組中 indexOf () 開始搜索的位置。

一個示例場景

假設我們沒有肉桂。我們想檢查肉桂麵包是否仍然列在我們的商店菜單上。如果菜單上有甜甜圈，我們將刪除它們。我們可以使用以下代碼來執行此操作：

indexOf 方法返回：2。如您所見，Cinnamon 存在於我們的數組中。因此我們的代碼返回了我們數組中第一個 Cinnamon 實例的索引值，在本例中為 2.

indexOf 方法返回： 2. 如您所見，Cinnamon 存在於我們的數組中。接下來，我們的代碼返回索引Cinnamon 在我們的數組中的第一個實例的值，在這種情況下是 2。

即使我們的數組包含多個，我們的程序也應該返回 2 Cinnamon 的實例。這是因為 indexOf () 只返回元素的第一個實例的索引位置。

假設我們的廚師發明了一種新的Jam Supreme甜甜圈並將其添加到我們的donut_flavors系列中。但是，她不知道它是否叫做甜甜圈。 Jam 或 Jam Supreme。 他想檢查菜單是否正確。

因為 Jam 已經是第一個了數組，indexOf() 會返回 Jam 的位置。 但是，如果我們使用 start_position 參數，我們可以跳過第一個位置並在這裡運行我們的老闆可以用來檢查 Jam 是否出現在數組中的索引位置 1 之後的代碼：

我們的代碼返回：- 1. 雖然 Jam 存在於我們的數組中，但它在索引值 1 之前。 Jam 不存在我們正在尋找 o 的區域。

JavaScrip t indexOf() with strings

indexOf() 可用於查找 子字符串。 string indexOf() 方法返回子字符串在另一個字符串中開始的索引號。

更新字符串

像數組一樣，JavaScript 中的字符串也有自己的索引值。字符串從左到右索引，從索引值 開始。因此，對於我們上面的示例字符串，將分配以下索引值，Äã，Äã：

E < /td> x a m p l 和 ！
1 2 3 4 5 6 6

所以如果我們想獲取位置 d `index 4 的字符，我們可以使用以下代碼：

我們的代碼返回：p.

String.indexOf()

String.indexOf()方法可以用於檢查字符串是否包含特定的子字符串。如果可以在字符串中找到子字符串，indexOf() 將返回字母或字符串出現的索引位置；如果沒有找到子字符串，indexOf()會返回-1。

String.indexOf()方法使用與 Array.indexOf () 方法相同的語法：

我們需要指定一個 substring 參數。這是我們想要在我們的鏈中尋找的價值。 start_position 參數是可選的，它指示程序在特定索引處開始搜索。默認的 start_position 參數是索引 0。

假設我們有一個帶有甜甜圈名稱的字符串，我們想檢查該字符串是否包含藍莓。我們可以使用以下代碼來執行此操作：

我們的代碼返回： 4. 如您所見，我們的字符串 donut_flavors 包含 Blueberry 並且子字符串從索引位置開始 4.

我們的代碼返回： 4. 如您所見，我們的 donut_flavors 字符串包含 Blueberry 和子字符串開始於索引位置 4.

但是如果我們想檢查我們的字符串 donut_flavors 是否在特定索引位置之後包含 Blueberry 呢？這就是 start_position 參數的用武之地。

讓我們在列表中找到術語 Blueberry。我們將從索引位置 10 開始搜索在我們的列表中：

我們的代碼返回：-1。而 "donut_flavors" 包括 "Blueberry," 字符串在數組中的索引值 10 之前開始。我們的代碼返回 "-1"。 這表明子字符串不是

使用 indexOf () 檢查值是否存在

您可以使用 "if" 語句 用 indexOf() 方法檢查一個值是否存在於字符串或數組中。例如，你可以查看 indexOf () 來檢查甜甜圈菜單是否包含特定值。然後，如果找到此值，您可以將消息打印到控制台。

讓我們編寫一個程序，如果“Chocolate”在甜甜圈列表中，則將消息打印到控制台。這是我們的代碼：

我們的代碼返回：“巧克力甜甜圈在菜單上！”。

在我們代碼的第一行，我們聲明一個名為 "donut_flavors," 的甜甜圈風味數組，其中包含六個值。

接下來，我們創建一個 if 語句，使用 indexOf 檢查是否 "Donut_flavors" 包含 “巧克力”。 這個 if 語句評估 indexOf 是否返回一個等於 “-1”的值。

如果 indexOf 返回 < em>"-1," 表示在數組中沒有找到我們的值。這意味著我們的 if 語句將不會被執行。如果 indexOf 返回另一個值，我們的 if 語句將被執行。

在這種情況下，indexOf() 將返回 2。 這是因為 "Chocolate" 它存在於我們的數組 "donut_flavors" 中。我們的程序顯示“菜單上有巧克力甜甜圈！”，因為 indexOf 返回的值不等於 -1。

結論

JavaScript 方法 indexOf () 檢查字符串或數組是否包含特定值。該方法返回在字符串或數組中找到該值的索引號。如果沒有找到指定的值，indexOf()< /em> 返回 "-1."

在本教程中，我們介紹了數組、字符串的基礎知識以及它們的索引方式，因此我們探討瞭如何使用 indexOf() 方法用字符串和數組來檢查它是否包含特定的值。

我們已經解釋瞭如何使用 indexOf() 和 " if" 語句來檢查值是否存在於列表或字符串中。

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

All questions

News

13/08/2022 W4 Games called for DirectX12 support in the new version of the Godot game engine 13/08/2022 SK Hynix wants to build a chip testing and packaging plant in the US 13/08/2022 The developer showed that DDR5 memory diagnostics in the not yet presented version of MemTest86 was taken to a new level

Wiki

__del__

Python OpenCV | cv2.putText () method

__del__

numpy.arctan2 () in Python

__del__

Python | os.path.realpath () method

around

Python OpenCV | cv2.circle () method

cvtcolor

Python OpenCV cv2.cvtColor () method

Python functions

Python - Move item to the end of the list

Counters

time.perf_counter () function in Python

__dict__

Check if one list is a subset of another in Python

__del__

Python os.path.join () method