Để nhận chỉ mục của một Đối tượng trong Mảng trong JavaScript: Sử dụng phương thức Array.prototype.findIndex () hoặc sử dụng Thư viện “lodash”.

Bạn đang xem : chỉ mục của một mảng javascript

Để lấy một chỉ mục của một Đối tượng trong Mảng trong JavaScript :

  1. Sử dụng phương thức Array.prototype.findIndex () .

  2. Sử dụng Thư viện “lodash” để lấy chỉ mục của một đối tượng trong một mảng bằng JavaScript.

Sử dụng hàm Array.prototype.findIndex ()

findIndex () là một phương thức JavaScript array được tích hợp sẵn để trả về chỉ mục của phần tử đầu tiên trong mảng đáp ứng cung cấp chức năng kiểm tra. Phương thức findIndex () trả về chỉ mục của phần tử đầu tiên đã vượt qua điều kiện được cung cấp. Giống như hầu hết các chương trình khác như c ++ và java, nó trả về -1 nếu không có phần tử nào có thể đáp ứng điều kiện đã cho.

Nếu phương thức findIndex () trả về -1 , điều đó có nghĩa là không có phần tử nào vượt qua kiểm tra. ECMAScript 2015 (ES6) đã giới thiệu một phương pháp mới được gọi là phương thức findIndex () cho Array.prototype.

Nó dừng thực thi sau khi trả về phần tử đầu tiên đáp ứng điều kiện được cung cấp. Vì vậy, nếu có nhiều phần tử trùng lặp trong mảng, nó sẽ trả về chỉ số của lần xuất hiện đầu tiên của phần tử đó.

Cú pháp

  

array.findIndex (function (currValue, index, arr));

Đối số

Ở đây, “chỉ mục” “arr” là các đối số tùy chọn có thể được chuyển cho hàm gọi lại. Đối số “Chỉ mục” trỏ đến chỉ mục của phần tử hiện tại và arr là đối tượng mảng chứa phần tử hiện tại.

Hàm array.findIndex () trả về chỉ số của phần tử được so khớp đầu tiên hoặc trả về -1 nếu không phần tử nào có thể đáp ứng điều kiện.

Giá trị trả lại

Nó trả về x (trong đó x là một số nguyên duy nhất).

Ví dụ

  

const mark = [30, 100, 17, 23, 52, 20];

let index = mark.findIndex (mark = & gt; mark & ​​gt; 90);

console.log (index);

Đầu ra

  1  

Đầu tiên, chúng tôi tạo một mảng bằng cách sử dụng các từ khóa không đổi. Dấu ở đây là tên của một biến được chỉ định bởi chúng tôi (người dùng). Sau đó, chúng tôi tạo một mảng khác bằng từ khóa let. Tên biến là một chỉ mục. Một lần nữa, đây là một biến do người dùng xác định.

Xem Thêm  Cách thay đổi kích thước hình ảnh để thiết kế web đáp ứng - cách thay đổi kích thước hình ảnh trong css

Bây giờ, chúng tôi đã sử dụng hàm có tên findIndex () . Trong hàm, chúng ta đã đặt một điều kiện. Ở đây, về cơ bản, chúng ta cần tìm chỉ số của lần xuất hiện đầu tiên của phần tử có dấu lớn hơn 90.

Trong mảng đã cho 100 là một phần tử thỏa mãn điều kiện và chỉ số của nó là 1. Do đó, chỉ số biến được gán giá trị là 1. Cuối cùng, sử dụng hàm console.log () chúng tôi đã in biến chỉ mục.

Hãy xem một ví dụ khác.

  

const Employee = [

{

tên: 'Diwakar',

công ty: 'Amazon',

},

{

tên: 'Veenus',

công ty: 'Deshaw',

},

{

tên: 'Akanksha',

công ty: 'TCS',

},

{

tên: 'Saumya',

công ty: 'Infosys',

},

]

const index = Employee.findIndex ((element) = & gt;

element.company

=== 'Amazon' );

console.log (chỉ mục)

Đầu ra

  0  

Ví dụ về Khi không tìm thấy chỉ mục

  

const mark = [887, 5, 7, 5, 7, 5, 4, 44, 45, 447, 296, 8]; < / p>

let index = mark.findIndex (mark = & gt; mark & ​​gt; 1000);

console.log (index);

Đầu ra

  -1  

Trong đoạn mã trên, chúng tôi đã hướng dẫn chương trình gán giá trị chỉ số của phần tử của mảng lớn hơn 1000. Nhưng không có phần tử nào trong mảng lớn hơn 1000. Như một hành vi mặc định, do đó Javascript sẽ trả về -1. Vì vậy, chỉ số nhận -1 làm giá trị được chỉ định.

Sử dụng thư viện “lodash” để lấy chỉ mục của một đối tượng trong một mảng

Trong JavaScript, lodash là một thư viện nhẹ, giúp viết mã dễ dàng bằng cách đơn giản hóa việc làm việc với mảng, số, đối tượng, chuỗi, v.v. Chúng tôi có thể dễ dàng tải xuống thư viện lodash từ trang web chính thức của nó và có thể sử dụng nó trên đầu trang web của chúng tôi.

Để cài đặt loadash trong JavaScript, hãy sử dụng mã sau.

  npm install loadash --save  

Cú pháp

  

_.findIndex (mảng, [predicate = _. ID], [fromIndex = 0])

Đối số

“Mảng” là mảng mà chúng ta cần xử lý.

[predicate = _. Identity] là một hàm được gọi vào mỗi lần lặp.

[fromIndex = 0] nó là một tham số tùy chọn đặt điểm bắt đầu.

Ví dụ

Để nhập thư viện loadash trong tệp JavaScript , hãy sử dụng nhập > tuyên bố.

Bây giờ, hãy thêm mã sau vào trong tệp app.js .

  

nhập _ từ "lodash"

const Employee = [

{

tên: 'Diwakar',

công ty: 'Amazon',

},

{

tên: 'Veenus',

công ty: 'Deshaw',

},

{

tên: 'Akanksha',

công ty: 'TCS',

},

{

tên: 'Saumya',

công ty: 'Infosys',

},

]

var index = _.findIndex (Nhân viên, {company: 'TCS'})

console.log (chỉ mục);

Đầu ra

  2  

Trong ví dụ này, chúng tôi đang kiểm tra một mảng chứa đầy các đối tượng và kiểm tra cụ thể công ty: TCS và nó tìm thấy sau đó nó trả về chỉ mục của nó là 2 và nếu nó không tìm thấy thì nó sẽ trả về -1.

Đó là nó cho hướng dẫn này.

Xem thêm

Cách chuyển đổi đối tượng thành mảng đối tượng trong JavaScript

Cách thêm thuộc tính vào mảng đối tượng trong JavaScript

Cách làm phẳng Mảng đối tượng trong JavaScript

Cách làm phẳng Mảng đối tượng trong JavaScript

Cách kiểm tra xem đối tượng có trống không trong JavaScript

Tác giả Krunal Lathiya

Krunal Lathiya là Kỹ sư Công nghệ Thông tin được đào tạo bài bản và là nhà phát triển web chuyên nghiệp. Anh ấy đã làm việc với nhiều nền tảng back-end, bao gồm Node.js, PHP và Python. Ngoài ra, Krunal có kiến ​​thức tuyệt vời về các công nghệ Front-end và backend bao gồm React, Angular và Vue.js và anh ấy là chuyên gia về Ngôn ngữ JavaScript.


Xem thêm những thông tin liên quan đến chủ đề chỉ mục của một mảng javascript

How to insert an item into an array at a specific index javascript

alt

  • Tác giả: Chart JS
  • Ngày đăng: 2021-03-10
  • Đánh giá: 4 ⭐ ( 7129 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: How to insert an item into an array at a specific index javascript. In this video we will explore how to insert an item into an array at a specific index javascript. For this we will be using the array splice method. Watch to understand this! Let's explore this!

    Javascript for beginners
    This is a part of a series of JavaScript tutorials for beginners. Helping out people who need to know more about JavaScript because they want to use this with their Chart.JS. The faster you learn basic JavaScript the faster you can start creating charts in chart js.

    Interested a Chart JS course?

    ⭐ Chart JS Udemy Course ⭐:
    Enjoy this video and want to dive deeper in a real useful Chart JS Training? Check out my Chart JS course on Udemy, click this link: https://www.udemy.com/course/chart-js...​

    Chart JS tutorials for Beginners:
    🎓 Beginners Series: https://www.youtube.com/watch?v=W6ai7...​

    Chart JS tutorials for Intermediate:
    👁️ Most Watched Chart JS Video: https://youtu.be/4jfcxxTT8H0​
    ⭐ Personal Favorite Chart JS Video: https://www.youtube.com/watch?v=PuFYW...​

    Chart JS Dashboard Series:
    👍 Most Liked Video Series:
    Watch Part 1: https://youtu.be/l3MnVpiHXBU​​​
    Watch Part 2: https://youtu.be/fDUo-LbrRSo​​​
    Watch Part 3: https://youtu.be/xlt5dDa8rz4​

    JavaScript​, JS​

Mảng (Array) trong JavaScript

  • Tác giả: hoclaptrinh.vn
  • Đánh giá: 5 ⭐ ( 1018 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Đối tượng Array - Mảng giúp bạn lưu giữ nhiều giá trị trong một biến đơn. Nó lưu giữ một tập hợp theo dãy có kích cỡ cố định của các phần tử trong cùng kiểu (type).

Dữ liệu kiểu mảng trong JavaScript

  • Tác giả: www.daipho.com
  • Đánh giá: 4 ⭐ ( 4585 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Mảng là một biến đặc biệt, có thể chứa nhiều giá trị cùng một lúc. Mảng JavaScript được sử dụng để lưu trữ nhiều giá trị trong một biến duy nhất. Nếu bạn

Cách lấy chỉ mục của một mục trong một mảng JavaScript

  • Tác giả: tech-wiki.online
  • Đánh giá: 4 ⭐ ( 6099 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Mảng trong JavaScript

  • Tác giả: hocjavascript.net
  • Đánh giá: 3 ⭐ ( 5607 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: các bạn về mảng trong JavaScript. Vậy trước tiên, hãy cùng mình trả lời câu hỏi Mảng là gì? Mảng trong JavaScript như thế nào?

Tìm hiểu về mảng trong JavaScript

  • Tác giả: itzone.com.vn
  • Đánh giá: 3 ⭐ ( 9271 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: The ITZone platform Vietnam is the community for anyone interested in news, training seminars, presentations etc in the IT industry

Khai báo và duyệt mảng trong javascript (nhập xuất mảng ...)

  • Tác giả: freetuts.net
  • Đánh giá: 3 ⭐ ( 9936 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Cách khai báo mảng và duyệt mảng trong Javascript, sử dụng các vòng lặp để duyệt qua các phần tử của mảng, truy xuất các phần tử của mảng và in lên console

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

By ads_php