最後の一致インデックスを見つける

JavaScriptJavaScriptBeginner
今すぐ練習

This tutorial is from open-source community. Access the source code

💡 このチュートリアルは英語版からAIによって翻訳されています。原文を確認するには、 ここをクリックしてください

はじめに

この実験では、JavaScriptを使って配列内の要素の最後の一致インデックスを見つける概念を探ります。提供された関数が偽の値を返す要素を除外するために、Array.prototype.map()Array.prototype.filter() メソッドをどのように使うか、およびフィルタリングされた配列の最後の要素を取得するために Array.prototype.pop() をどのように使うかを学びます。この実験が終了すると、JavaScriptを使って配列内の要素の最後の一致インデックスを効率的に見つけることができるようになります。


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") subgraph Lab Skills javascript/variables -.-> lab-28304{{"最後の一致インデックスを見つける"}} javascript/data_types -.-> lab-28304{{"最後の一致インデックスを見つける"}} javascript/arith_ops -.-> lab-28304{{"最後の一致インデックスを見つける"}} javascript/comp_ops -.-> lab-28304{{"最後の一致インデックスを見つける"}} javascript/higher_funcs -.-> lab-28304{{"最後の一致インデックスを見つける"}} end

JavaScriptを使って配列内の最後の一致要素のインデックスを見つける方法

JavaScriptの配列内で特定の条件に一致する最後の要素のインデックスを見つけるには、findLastIndex関数を使います。その使い方は以下の通りです。

const findLastIndex = (arr, fn) =>
  (arr
    .map((val, i) => [i, val])
    .filter(([i, val]) => fn(val, i, arr))
    .pop() || [-1])[0];

findLastIndex関数は2つの引数をとります。探索対象の配列と、各要素をテストする関数です。その動作方法は以下の通りです。

  1. Array.prototype.map()を使って、[インデックス, 値]のペアの新しい配列を作成します。
  2. Array.prototype.filter()を使って、fn関数によって提供された条件に一致しない要素を配列から削除します。
  3. Array.prototype.pop()を使って、フィルタリングされた配列の最後の要素を取得します。
  4. フィルタリングされた配列が空の場合、-1を返します。

findLastIndexの使い方の例を以下に示します。

findLastIndex([1, 2, 3, 4], (n) => n % 2 === 1); // 2 (値3のインデックス)
findLastIndex([1, 2, 3, 4], (n) => n === 5); // -1 (見つからない場合のデフォルト値)

コーディングの練習を始めるには、ターミナル/SSHを開いてnodeと入力します。

まとめ

おめでとうございます!「最後の一致インデックスを見つける」実験を完了しました。スキルを向上させるために、LabExでさらに多くの実験を練習できます。