Đối tượng mảng findIndex JavaScript

Bài viết này sẽ khám phá phương thức

const ages = [3, 10, 17, 23, 52, 20];
let index = ages.findIndex[ age => age > 18];
console.log[index];

2 và cách sử dụng

const ages = [3, 10, 17, 23, 52, 20];
let index = ages.findIndex[ age => age > 18];
console.log[index];

3 để tìm chỉ mục của đối tượng bên trong Mảng JavaScript

Sử dụng phương pháp

const ages = [3, 10, 17, 23, 52, 20];
let index = ages.findIndex[ age => age > 18];
console.log[index];

2 để tìm chỉ mục của đối tượng trong một mảng trong JavaScript

ES6 đã thêm một phương thức mới gọi là

const ages = [3, 10, 17, 23, 52, 20];
let index = ages.findIndex[ age => age > 18];
console.log[index];

2 vào

const ages = [3, 10, 17, 23, 52, 20];
let index = ages.findIndex[ age => age > 18];
console.log[index];

0, phương thức này trả về phần tử đầu tiên trong một mảng vượt qua bài kiểm tra được cung cấp. Phương thức

const ages = [3, 10, 17, 23, 52, 20];
let index = ages.findIndex[ age => age > 18];
console.log[index];

2 trả về chỉ mục của phần tử thỏa mãn chức năng kiểm tra hoặc

const ages = [3, 10, 17, 23, 52, 20];
let index = ages.findIndex[ age => age > 18];
console.log[index];

2 nếu không có phần tử nào vượt qua bài kiểm tra.

const ages = [3, 10, 17, 23, 52, 20];
let index = ages.findIndex[ age => age > 18];
console.log[index];

2 là tốt nhất cho các mảng có kiểu không nguyên thủy [e. g. , đối tượng] để tìm chỉ mục của một mục

Chúng tôi cung cấp một cuộc gọi lại như là tham số đầu tiên trong

const ages = [3, 10, 17, 23, 52, 20];
let index = ages.findIndex[ age => age > 18];
console.log[index];

4. Phương pháp này hữu ích nếu chỉ mục của các mảng không nguyên thủy. Chúng ta có thể sử dụng phương thức này nếu chỉ mục mảng không chỉ là giá trị. Sau khi trả về phần tử đầu tiên khớp với điều kiện đã chỉ định,

const ages = [3, 10, 17, 23, 52, 20];
let index = ages.findIndex[ age => age > 18];
console.log[index];

2 dừng kiểm tra mảng để tìm các phần tử còn lại trong mảng

Cú pháp cho

const ages = [3, 10, 17, 23, 52, 20];
let index = ages.findIndex[ age => age > 18];
console.log[index];

2 được hiển thị bên dưới

array.findIndex[function[currentValue, index, arr]]

Tùy chọn, có thể chuyển

const ages = [3, 10, 17, 23, 52, 20];
let index = ages.findIndex[ age => age > 18];
console.log[index];

7 và

const ages = [3, 10, 17, 23, 52, 20];
let index = ages.findIndex[ age => age > 18];
console.log[index];

8 cho hàm gọi lại. Tùy chọn

const ages = [3, 10, 17, 23, 52, 20];
let index = ages.findIndex[ age => age > 18];
console.log[index];

7 trỏ đến chỉ mục của phần tử hiện tại trong mảng, trong khi đó,

const ages = [3, 10, 17, 23, 52, 20];
let index = ages.findIndex[ age => age > 18];
console.log[index];

8 là đối tượng mảng mà phần tử hiện tại thuộc về.

const ages = [3, 10, 17, 23, 52, 20];
let index = ages.findIndex[ age => age > 18];
console.log[index];

2 trả về

const ages = [3, 10, 17, 23, 52, 20];
let index = ages.findIndex[ age => age > 18];
console.log[index];

2 nếu điều kiện được chỉ định trong mảng không khớp

Giả sử chúng ta có mảng sau với các kiểu nguyên thủy và chúng ta muốn tìm chỉ mục của mục có tuổi trên 18. Sau đó, chúng ta có thể sử dụng

const ages = [3, 10, 17, 23, 52, 20];
let index = ages.findIndex[ age => age > 18];
console.log[index];

2 để tìm chỉ mục của mục đầu tiên khớp với điều kiện đã chỉ định

Mã ví dụ

const ages = [3, 10, 17, 23, 52, 20];
let index = ages.findIndex[ age => age > 18];
console.log[index];

đầu ra

Vì mục đầu tiên khớp với điều kiện đã chỉ định có chỉ số là 3 vì nó cao hơn 18, nên chúng tôi nhận được giá trị của chỉ mục là 3

Bây giờ chúng ta có thể sử dụng logic tương tự để tìm chỉ mục của đối tượng phù hợp với điều kiện mà chúng ta chỉ định với phương thức

const ages = [3, 10, 17, 23, 52, 20];
let index = ages.findIndex[ age => age > 18];
console.log[index];

2. Chúng ta có thể sử dụng

const ages = [3, 10, 17, 23, 52, 20];
let index = ages.findIndex[ age => age > 18];
console.log[index];

2 để tìm chỉ số của một người đạt điểm B

Mã ví dụ

const ages = [3, 10, 17, 23, 52, 20];
let index = ages.findIndex[ age => age > 18];
console.log[index];

0

đầu ra

Ở đây,

const ages = [3, 10, 17, 23, 52, 20];
let index = ages.findIndex[ age => age > 18];
console.log[index];

2 được sử dụng với mảng

const ages = [3, 10, 17, 23, 52, 20];
let index = ages.findIndex[ age => age > 18];
console.log[index];

07, chứa dữ liệu của chúng tôi ở dạng đối tượng JavaScript. Chúng tôi đã triển khai chức năng mũi tên, chức năng này cũng được giới thiệu với ES6 dưới dạng chức năng gọi lại với phương thức

const ages = [3, 10, 17, 23, 52, 20];
let index = ages.findIndex[ age => age > 18];
console.log[index];

2. Chúng tôi đã chuyển

const ages = [3, 10, 17, 23, 52, 20];
let index = ages.findIndex[ age => age > 18];
console.log[index];

09 cho chức năng gọi lại, giữ giá trị hiện tại của đối tượng trong mảng mà chúng tôi lặp qua

Sử dụng thư viện

const ages = [3, 10, 17, 23, 52, 20];
let index = ages.findIndex[ age => age > 18];
console.log[index];

3 để tìm chỉ mục đối tượng trong mảng JavaScript

Chúng ta có thể sử dụng thư viện nhẹ

const ages = [3, 10, 17, 23, 52, 20];
let index = ages.findIndex[ age => age > 18];
console.log[index];

3, giúp JavaScript trở nên dễ dàng hơn bằng cách loại bỏ rắc rối khi làm việc với mảng, số, đối tượng, chuỗi, v.v. Chúng tôi có thể tải xuống tệp

const ages = [3, 10, 17, 23, 52, 20];
let index = ages.findIndex[ age => age > 18];
console.log[index];

32 từ trang web chính thức và tải tệp đó lên đầu trang web của chúng tôi, như hình bên dưới

const ages = [3, 10, 17, 23, 52, 20];
let index = ages.findIndex[ age => age > 18];
console.log[index];

3

Chúng tôi có thể cài đặt cục bộ dưới dạng

const ages = [3, 10, 17, 23, 52, 20];
let index = ages.findIndex[ age => age > 18];
console.log[index];

33 hoặc

const ages = [3, 10, 17, 23, 52, 20];
let index = ages.findIndex[ age => age > 18];
console.log[index];

34. Với mọi thứ đã được thiết lập, chúng ta có thể sử dụng phương pháp

const ages = [3, 10, 17, 23, 52, 20];
let index = ages.findIndex[ age => age > 18];
console.log[index];

35. Cú pháp được hiển thị bên dưới

const ages = [3, 10, 17, 23, 52, 20];
let index = ages.findIndex[ age => age > 18];
console.log[index];

8

Ở đây, các đối số

const ages = [3, 10, 17, 23, 52, 20];
let index = ages.findIndex[ age => age > 18];
console.log[index];

36 chỉ ra mảng chúng ta cần xử lý. Tùy chọn

const ages = [3, 10, 17, 23, 52, 20];
let index = ages.findIndex[ age => age > 18];
console.log[index];

37 là hàm được gọi mỗi lần lặp. Tùy chọn thứ ba

const ages = [3, 10, 17, 23, 52, 20];
let index = ages.findIndex[ age => age > 18];
console.log[index];

38 là tùy chọn và có thể được sử dụng để đặt điểm bắt đầu để bắt đầu lặp lại

Làm cách nào để tìm chỉ mục của đối tượng mảng trong JavaScript?

Làm cách nào để sử dụng find Index trên các đối tượng trong JavaScript?

Làm cách nào để tìm một phần tử trong một mảng đối tượng trong JavaScript?

Bạn có thể sử dụng indexOf cho một mảng đối tượng không?