数组的indexOf和findIndex函数的区别

任务是区分 JavaScript 的indexOf()和findIndex()函数。我们将讨论这两种方法。

• indexOf()函数：
  此函数用于查找作为参数提供给搜索的元素第一次出现的索引。

  句法：

  arr.indexOf(element[, index])
  

  论据：

  • 元素：
    此参数指定要搜索的元素。
  • 指数：
    此参数指定从哪个索引开始搜索。
• findIndex()函数：
  此函数返回满足测试函数的给定数组的第一个元素的索引。

  句法：

  array.findIndex(fun(curValue, index, arr), thisValue)
  

  论据：

  • fun：此参数指定要为数组的每个元素运行的函数。
  • curValue：此参数指定当前元素的值。
  • index：该参数指定当前元素的数组索引。
  • arr：该参数指定当前元素所属的数组对象。
  • thisValue：此参数指定要传递给函数以用作其“this”值的值。
    如果为空，将使用值“未定义”。

示例 1：在此示例中，使用了indexOf()函数。

  

    
        JavaScript 
      | Difference Between indexOf and findIndex function of array.
    

  

      
            GeeksForGeeks
        
    
    
    
        click here
    
    
    
    
        var el_up = 
            document.getElementById("GFG_UP");
        var el_down = 
            document.getElementById("GFG_DOWN");
        var array = ["Geeks", "GFG", "geeks", "Geeks"];
        
        el_up.innerHTML = "ARRAY - [" + array + "]";
  
        function GFG_Fun() {
            el_down.innerHTML = 
              "First index of 'Geeks' is " + array.indexOf('Geeks');
        }
    

  

输出：

• 在点击按钮之前：
  
• 点击按钮后：
  

示例 2：在此示例中，使用了 findIndex()函数。

  

    
        JavaScript 
      | Difference Between indexOf and findIndex function of array.
    

  

      
            GeeksForGeeks
        
    
    
    
        click here
    
    
    
    
        var el_up = 
            document.getElementById("GFG_UP");
        var el_down = 
            document.getElementById("GFG_DOWN");
        var array = [1, 3, 4, 5, 6, 7, 8, 9];
        
        el_up.innerHTML = "ARRAY - [" + array + "]";
  
        function getEven(n) {
            if (n % 2 == 0) {
                return 1;
            }
            return 0;
        }
  
        function GFG_Fun() {
            el_down.innerHTML = 
              "First even number in array is at index "
            + array.findIndex(getEven);
        }
    

  

输出：

• 在点击按钮之前：
  
• 点击按钮后：