Cách lấy chỉ mục của một đối tượng trong mảng trong JavaScript – lấy chỉ mục từ mảng javascript

Để lấy 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 : lấy chỉ mục từ javascript mảng

Để lấy một chỉ mục của Đố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 được cung cấp.

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 gán 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 cách sử dụ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.

Bây giờ, chúng tôi đã sử dụng hàm có tên findIndex () . Trong hàm, chúng tôi đã đặt một điều kiện. Ở đây, về cơ bản chúng ta cần tìm chỉ mục 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ý.

[Vị từ = _. ID] 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ỉ số 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 và phát triển web theo chuyên môn. 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ủ đề lấy chỉ mục từ mảng javascript

Get a Random Value from JavaScript Array

alt

  • Tác giả: SkillsReactor
  • Ngày đăng: 2020-10-26
  • Đánh giá: 4 ⭐ ( 4535 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: How to use the global Math object to retrieve a random array value from a JavaScript array. We first generate a random integer between 0 (inclusive) and the length of the array (exclusive). Then we can use that random integer to get a value from the array.

    00:00 We often need to select a random value from an array
    00:20 Math.random() to get a pseudo-random number
    01:23 Math.floor() to drop the fractional part of a number and round number.
    01:50 Write randomInt function to get a random integer.
    03:00 Write random function that implements our strategy
    04:45 Build a random string of characters using our functions
    06:00 Other considerations

    Transcript

    Sometimes when we're programming, it's helpful to be able to select a random item out of a list of other items. In order to do that, we need to try to figure out first how can we select a random integer. So there's a couple pieces that we need to build up this functionality. The first one is from the global math object there is a method called random and random will return a pseudo random number between 0 and less than 1. It cannot return 1 to us, it can return a floating point number up to 1. There's no way for us to pick the initial seed that the algorithm is going to use. So basically what that means is that the randomness of the algorithm, is is pseudorandom okay, it's not a truly random generator and we're not going to be able to get replicable results by providing an initial seed. So every time we call `Math.random` we'll get a pseudorandom number and we don't have the ability to get the same random number every time. But for our purposes this functionality of a random number between 0 and less than 1 is going to be the the main piece that we need. So the next function we need to look at is also on the `Math` object. There's a method called `floor` and what `floor` will do is it'll return the largest integer less than or equal to the given number. In this case if we pass in a number that is an integer it will return that same integer back. If there's any fractional component to that integer, it'll be dropped from the integer and it'll return back just the whole integer piece. So from there we can build this function `randomInt`, okay, and so what we want to do is we want to return a random integer from 0 to the limit but not including the limit itself. Okay, so in this case if we passed in 10, this would return 0 to 9. So what we want to do is we will return `Math.floor` because we know we need an integer. And then what we're going to do is we're going to do `Math.random` to give us some fractional component between 0 and up to not including 1. Then we're going to multiply that by the limit. Now one thing we're going to do just to make sure that the value that's passed into this function is just to make sure that it's also an integer we're going to wrap this in `Math.floor` as well, that way if we call this function with 1.5, for example, you know the function will will perform correctly and we'll get anywhere from zero to one. Okay, so now with this random integer function what we're going to do is we're going to consider this list of lowercase characters. Okay, this array and we're going to try to randomly select an item from the array. So that's pretty easy here, because all we have to do is use our random integer function and we can return the choices that we're given, and we since we can look at the length of the array that we're given and we can select up to that length. Right, because recall, that for an array the indexing starts at zero. So if we look at the indexes for lower case, it would be one or zero one 3 and so forth. So the fact that our random int gives us a number from 0 to the limit which would be our array length but doesn't include the array length, that's perfect for what we're trying to do. So we can say choices and then we can index it like this. We say `var index` that we're going to choose is equal to random integer of `choices.length`. Now that works because it'll never actually include the length and so you know if we had an array of just four items the length would be four but because the index starts at zero four would be an undefined index. So because this is zero to the limit but doesn't include the limit this is guaranteed to never give us an index that is out of bounds of the array. So you know this random integer is always going to be a valid index into the array that we're passing in. So with that index we can say choices index and we can return that and so this this function now will work to give us a random item from any array that we pass in.

    ... continued at https://skillsreactor.com/videos/random-value-javascript-array

Mảng trong javascript

  • Tác giả: toidicode.com
  • Đánh giá: 4 ⭐ ( 8597 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Ở phần hằng và biến trong javascript mình cũng có nói qua về cách khai báo mảng trong javascript rồi. Nhưng đó mới chỉ là mức độ khai báo còn sử dụng thì mình chưa nói, nên bài này mình sẽ giới thiệu lại với mọi người về mảng trong javascript một cách chi tiết hơn.

mảng trong javascript

  • Tác giả: codetutam.com
  • Đánh giá: 3 ⭐ ( 8667 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Vận dụng các hàm xử lý array trong javascript sẽ giúp bạn tăng tốc công việc cũng như giảm thiểu những sai lầm không đáng có. Cùng tìm hiểu nhé!

Mảng trong JavaScript

  • Tác giả: laptrinhtudau.com
  • Đánh giá: 4 ⭐ ( 8962 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Mảng trong JavaScript - JS Array - Lập Trình Từ Đầu 1 JavaScript Căn 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 ⭐ ( 7232 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Khai báo và duyệt mảng trong javascript

  • Tác giả: mylop.edu.vn
  • Đánh giá: 4 ⭐ ( 7396 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trong bài này mình sẽ hướng dẫn cách khai báo mảng và duyệt mảng trong Javascript, bằng cách sử dụng vòng lặp for, while và foreach để lặp.

Mảng trong JavaScript | JS ARRAY

  • Tác giả: hanoiict.edu.vn
  • Đánh giá: 3 ⭐ ( 2151 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trong hướng dẫn tự học Javascript này, bạn sẽ tìm hiểu về Mảng (Hay còn gọi là Array), cách tạo và thao tác với Mảng trong JavaScript.

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

Xem Thêm  Lô phân tán Python - mã cho biểu đồ phân tán trong python