数组的indexOf和findIndex函数之间的区别

我对两个函数indexOf和数组中的Index之间的区别感到困惑。

该文件说

findIndex-返回谓词为true的数组中第一个元素的索引，否则为-1。

和

indexOf-返回值在数组中首次出现的索引。

主要区别在于这些功能的参数：

• Array.prototype.indexOf()需要一个值作为第一个参数。这是在原始类型（如字符串，数字或布尔值）的数组中查找索引的不错选择。

• Array.prototype.findIndex()期望将回调作为第一个参数。如果您需要非原始类型（例如对象）类型的数组中的索引，或者您的查找条件比一个值更复杂，请使用此方法。

有关两种情况的示例，请参见链接。

如果要查找与谓词匹配的第一个元素，FindIndex很有用：在W3C的示例中，如果客户的年龄大于或等于18，则存在数字和匹配项。

var ages = [3, 10, 18, 20];

function checkAdult(age) {
    return age >= 18;
}

console.log(ages.findIndex(checkAdult));

安慰：

2

您可以使用Array的indexOf函数找到确切的元素索引，但不能传递谓词。如果要查找特定元素，速度会更快：

var ages = [3, 10, 18, 20];
console.log(ages.indexOf(10));

返回：

1

索引计数从0开始，因此第一个元素索引为0。

主要区别在于这些功能的参数：

-> Array.prototype.indexOf（）：

   var fruits = ["Banana", "Orange", "Apple", "Mango"];
   var a = fruits.indexOf("Apple");
   The result of a will be: 2

-> Array.prototype.findIndex（）：

       var ages = [3, 10, 18, 20];

       function checkAdult(age) {
        return age >= 18;
       }

       function myFunction() {
         document.getElementById("demo").innerHTML = 
         ages.findIndex(checkAdult);
       }

       The result will be: 2

您也可以使用includes：

[1, 2, 3].includes(2);      // true
[1, 2, 3].includes(4);      // false
[1, 2, 3].includes(3, 3);   // false

但我更喜欢这种indexOf方法：

var vals = [ "foo", "bar", 42, "baz" ];
if (~vals.indexOf( 42 )) {
  // found it!
}

另一个区别是，用户可以使用findIndex（）应用某些函数并在通过测试的数组中查找元素。

但是，对于indexOf（）运算符，情况并非如此。用户只需检查特定元素是否存在于数组中即可。

简单-您使用哪种数组结构？

• 如果对象的阵列，findIndex();
• 其他，indexOf()。

“我想使用“橙色”键在对象数组中找到索引。

let fruits = [
   { type: "Apple", quantity: 9 },
   { type: "Banana", quantity: 2},
   { type: "Orange", quantity: 8},
   { type: "Pear", quantity: 777}
];

let myIndex = fruits.findIndex(fruit => fruit.type === "Orange"); // Returns 2.

“我想在一个简单的数组中找到索引”。

let fruits = [ "Apple", "Banana", "Pear", "Orange"];

let index = fruits.indexOf("Orange"); // Returns 3.

您可以尝试以下代码：-

let city = ['Delhi', 'mumbai']
const a = city.findIndex((item) => 
item.toLowerCase()==='delhi')
console.log(a) // returns 0

let c = city.indexOf('mumbai') // returns 1
console.log(c)