Sự khác biệt giữa hàm indexOf và findIndex của mảng

Tôi nhầm lẫn giữa sự khác biệt giữa hai hàm indexOf và tìm Chỉ mục trong một mảng.

Tài liệu cho biết

findIndex - Trả về chỉ số của phần tử đầu tiên trong mảng mà vị từ là true và -1 ngược lại.

và

indexOf - Trả về chỉ số của lần xuất hiện đầu tiên của một giá trị trong một mảng.

Sự khác biệt chính là các tham số của các chức năng này:

• Array.prototype.indexOf()mong đợi một giá trị là tham số đầu tiên. Điều này làm cho nó trở thành một lựa chọn tốt để tìm chỉ mục trong các mảng có kiểu nguyên thủy (như chuỗi, số hoặc boolean).

• Array.prototype.findIndex()mong đợi một cuộc gọi lại làm tham số đầu tiên. Sử dụng điều này nếu bạn cần chỉ mục trong mảng có kiểu không nguyên thủy (ví dụ: đối tượng) hoặc điều kiện tìm thấy của bạn phức tạp hơn chỉ một giá trị.

Xem các liên kết để biết ví dụ về cả hai trường hợp.

FindIndex hữu ích nếu bạn muốn tìm phần tử đầu tiên phù hợp với vị ngữ của mình: Trong ví dụ của W3C, có các số và kết quả phù hợp nếu tuổi của khách hàng trên hoặc bằng 18.

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

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

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

bảng điều khiển:

2

Bạn có thể tìm thấy chỉ mục phần tử chính xác bằng hàm indexOf của Array, nhưng bạn không thể chuyển một vị từ. Sẽ nhanh hơn nếu bạn muốn tìm một phần tử cụ thể:

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

trả lại:

1

Việc đếm chỉ mục bắt đầu từ 0, vì vậy chỉ số phần tử đầu tiên là 0.

Sự khác biệt chính là các tham số của các chức năng này:

-> 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

Bạn cũng có thể sử dụng includes:

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

nhưng tôi thích indexOfphương pháp:

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

Một điểm khác biệt nữa là với findIndex () , người dùng có thể áp dụng một số hàm và tìm phần tử trong mảng vượt qua bài kiểm tra.

Nhưng điều này cũng không đúng với toán tử indexOf () . Người dùng chỉ có thể kiểm tra xem phần tử cụ thể có tồn tại trong mảng hay không.

Đơn giản - Bạn đang sử dụng kiểu cấu trúc mảng nào?

• Nếu mảng các đối tượng , findIndex();
• Khác indexOf(),.

"Tôi muốn tìm chỉ mục trong một mảng đối tượng , với khóa là" Orange ".

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.

"Tôi muốn tìm chỉ mục trong một mảng đơn giản ".

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

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

Bạn có thể thử các mã dưới đây: -

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)