JS基礎:配列内蔵関数indexOf findIndexfind


この3つの方法は、同じ点で作成されます.要素が同じであるためです.

◼ indexOf

  • アレイ内の要素がアレイのいくつ目のインデックスに格納されていることを示す方法
  • 配列された要素が対象または配列の場合は使用できません.
  • 배열명.indexOf(파라미터)という形で書かれています.
  • パラメータには、検索する配列要素が含まれています.
  • const arrayA = ["ABC", 1, "감자"];
    const indexA = arrayA.indexOf("감자"); //2
    const indexB = arrayA.indexOf(1); //1

    ◼ findIndex

  • indexOf配列中の要素のインデックスを示す方法
  • 配列された要素がオブジェクトまたは配列の場合に使用します.
  • 배열명.findIndex(파라미터)という形で書かれています.
  • const todos = [
      {id: 1,text: "자바스크립트 입문",done: true},
      { id: 2, text: "함수 배우기", done: true },
      { id: 3, text: "객체와 배열 배우기", done: true },
      { id: 4, text: "배열 내장 함수 배우기", done: false }
    ];
    
    const index = todos.findIndex((todo) => todo.id === 3);
    
    출력
    2
    上記のように、配列内の各要素がオブジェクトである場合、findIndexメソッドが使用されます.上記の例は、todosオブジェクトのidが3の要素のインデックスを検索するコードです.各要素をtodoに読み込み、todoします.idによってオブジェクト要素idにアクセスした.

    ◼ find

  • findIndexがいくつ目の値であることを示すと、findは配列内の要素自体を検索し、メソッドを返します.
  • 배열명.find(파라미터)という形で書かれています.
  • const index = todos.find((todo) => todo.id === 3);
    findIndexサンプルコードに上記コードを追加すると、{id: 3, text: "객체와 배열 배우기", done: true}が出力されます.findIndexと同様に、配列要素であるオブジェクトをtodoにロードし、idが3のオブジェクトを返します.

    サマリ


  • 配列内の要素の検索はいくつ目の値です
  • オブジェクトまたは配列の場合findIndex
  • その他インデックスOF

  • 配列内の要素findの検索