Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScript配列findIndex()関数


条件が渡された場合、JavaScriptのfindIndex()メソッドを使用して、配列の最初の要素のインデックスを返します。

構文は次のとおりです-

array.findIndex(function(currentValue, index, arr), thisValue)

ここで、JavaScriptでfindIndex()メソッドを実装しましょう-

<!DOCTYPE html>
<html>
<body>
   <h2>Rank</h2>
   <button onclick="display()">Result</button>
   <p id="demo"></p>
   <p>Finding the index of the player with highest rank.</p>
   <script>
      var points = [100, 150, 200, 250, 300, 400];
      function topRank(points) {
         return points >= 400;
      }
      function display() {
         document.getElementById("demo").innerHTML = "index = "+points.findIndex(topRank);
      }
   </script>
</body>

出力

JavaScript配列findIndex()関数

「結果」をクリックしてインデックスを取得-

JavaScript配列findIndex()関数

<!DOCTYPE html>
<html>
<body>
   <h2>Rank</h2>
   <button onclick="display()">Result</button>
   <p id="demo"></p>
   <p>Finding the index of the player with specific rank points.</p>
   <script>
      var points = [100, 150, 200, 250, 300, 400];
      function topRank(points) {
         return points == 200;
      }
      function display() {
         document.getElementById("demo").innerHTML = "index = "+points.findIndex(topRank);
      }
   </script>
</body>

出力

JavaScript配列findIndex()関数

上にある[結果]ボタンをクリックします-

JavaScript配列findIndex()関数


  1. JavaScriptでsome()関数を配列します

    JavaScript配列some()関数は、配列の要素の一部が特定のテストに合格するかどうかをチェックします。テストは基本的に、配列の各要素に対して実行される関数です。 以下は、配列some()メソッドのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-sc

  2. JavaScriptの関数によって返される配列へのアクセス

    以下は、JavaScriptの関数によって返される配列にアクセスするためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style&