JavaScriptインデックス

| | | |

JavaScriptのindexOf()メソッドは、リスト内の要素または文字列内のサブストリングの位置を返します。指定された値がリストまたは文字列に表示されない場合、JavaScriptのindexOf()メソッドは-1を返します。値の最初の出現のインデックス値のみが返されます。

文字列または配列に特定の値が含まれているかどうかを知りたい場合がよくあります。たとえば、ドーナツストアで販売されているドーナツフレーバーのリストがあるとします。人気のないトリプルチョコレートドーナツをメニューから削除したかどうかを確認することをお勧めします。

ここで、 indexOf()JavaScriptメソッドが役立ちます。 indexOf()メソッドは、指定された値が配列または文字列で見つかる最初のインデックスを返します。値が見つからない場合は、特別な値-1が返されます。

このチュートリアルでは、JavaScriptの indexOf()メソッドの基本について説明します。 indexOf()メソッドをよりよく理解するために、このメソッドの動作を示す2つの例を見ていきます。

JavaScript indexOf()with 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()が要素の最初のインスタンスのインデックス位置のみを返すためです。

シェフは新しいJamSupreme ドーナツを発明し、それを donut_flavorsの範囲に追加しました。しかし、彼女はそれがドーナツと呼ばれるかどうかわかりません。 JamまたはJamSupreme。彼はメニューが正しいことを確認したいと考えています。

Jamはすでに最初の配列indexOf()Jamの位置を返します。ただし、 start_position パラメータを使用すると、最初の位置をスキップして、 runここで、上司が配列のインデックス位置 1の後にJamが表示されるかどうかを確認するために使用できるコード:

コードは次を返します:- 1. Jam は配列に存在しますが、インデックス値1の前にあります。 Jamは存在しません。探しているリージョンo。

JavaScrip t indexOf()と文字列

indexOf()を使用して、文字列内の部分文字列の使用方法。 string indexOf()メソッドは、サブストリングが別のストリングで始まるインデックス番号を返します。

ストリングの更新

配列と同様に、JavaScriptのストリングにも独自のインデックス値があります。文字列は、インデックス値 から始めて、左から右にインデックスが付けられます。したがって、上記の文字列の例では、次のインデックス値が割り当てられます。

E < / td> x a m p l および
1 2 3 4 5 6 6

したがって、位置d`インデックス4 の文字を取得したい場合は、次を使用してそれを行うことができます。次のコード:

コードは次を返します: p

String.indexOf()

String.indexOf()メソッドは文字列に特定のサブ文字列が含まれているかどうかを確認するために使用されます。文字列内に部分文字列が見つかった場合、 indexOf()は、文字または文字列の出現箇所のインデックス位置を返します。サブ文字列が見つからない場合、 indexOf()-1を返します。

String.indexOf()メソッド Array.indexOf()メソッドと同じ構文を使用します:

substring引数を指定する必要があります。これが私たちのチェーンで探したい価値です。 start_position 引数はオプションであり、特定のインデックスで検索を開始するようにプログラムに指示します。デフォルトのstart_position引数はindex0です。

ドーナツの名前の文字列があり、その文字列に含まれているかどうかを確認するとします。 ブルーベリー。次のコードを使用して、このアクションを実行できます。

コードは次のようになります。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()を実行して、ドーナツメニューに特定の値が含まれているかどうかを確認します。次に、この値が見つかった場合にコンソールにメッセージを出力できます。

「チョコレート」がドーナツリストにある場合に、コンソールにメッセージを出力するプログラムを作成しましょう。コードは次のとおりです。

コードは次のようになります: "チョコレートドーナツがメニューにあります!"。

コードの最初の行、6つの値を含む "donut_flavors"というドーナツフレーバー配列を宣言します。

次に、indexOfを使用して"Donut_flavors"かどうかを確認するifステートメントを作成します。 には、"Chocolate。"が含まれます。この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


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method