5 cách để kiểm tra xem một mảng có chứa giá trị trong JavaScript hay không – js kiểm tra xem mảng

Một bài viết toàn diện để tìm hiểu về các cách khác nhau để kiểm tra xem một mảng có chứa một mục cụ thể trong JavaScript vani hay không.

Bạn đang xem : js kiểm tra xem mảng

5 cách kiểm tra xem một mảng có chứa giá trị trong JavaScript hay không

< / h1>

< / p>

Ngày 25 tháng 5 năm 2020

Atta ✨

Trong JavaScript, có nhiều cách để kiểm tra xem một mảng có bao gồm một mục hay không. Bạn luôn có thể sử dụng phương thức for loop hoặc Array.indexOf () , nhưng ES6 đã thêm nhiều phương thức hữu ích hơn để tìm kiếm trong một mảng và tìm thấy những gì bạn đang tìm kiếm một cách dễ dàng.

indexOf () Phương thức

Cách đơn giản và nhanh nhất để kiểm tra xem một mục có trong một mảng hay không là sử dụng phương thức Array.indexOf () . Phương thức này tìm kiếm mục đã cho trong mảng và trả về chỉ mục của nó. Nếu không tìm thấy mục nào, nó sẽ trả về -1.

  

const

quả

=

[

'🍎'

,

'🍋'

,

'🍊'

,

'🍇'

,

'🍍'

,

'🍐'

]

;

trái cây

.

indexOf

(

'🍋'

)

;

trái cây

.

indexOf

(

'🍍'

)

;

trái cây

.

indexOf

(

'🍌'

)

;

Theo mặc định, phương thức indexOf () bắt đầu tìm kiếm từ đầu mảng và dừng ở cuối mảng. Nhưng bạn có thể chuyển ở vị trí là đối số thứ hai để bỏ qua các phần tử bắt đầu được đưa vào tìm kiếm:

  quả 

.

indexOf

(

'🍋'

,

1

) < / p>

;

trái cây

.

indexOf

(

'🍋'

,

4

)

;

Lưu ý rằng nếu mặt hàng xuất hiện nhiều lần , phương thức indexOf () trả về vị trí của lần xuất hiện đầu tiên.

JavaScript cung cấp cho chúng ta một phương thức mảng thay thế được gọi là lastIndexOf () . Như tên cho thấy, nó trả về vị trí xuất hiện cuối cùng của các mục trong một mảng. lastIndexOf ()Error 400 (Bad Request)!!1400.That’s an error.The server cannot process the request because it is malformed. It should not be retried.That’s all we know.Error 400 (Bad Request)!!1400.That’s an error.The server cannot process the request because it is malformed. It should not be retried.That’s all we know.

Lưu ý: Trong ví dụ trên, tôi đã sử dụng hàm mũi tên để lặp qua các phần tử. Các hàm mũi tên là một phần của ES6 và nếu bạn không biết về chúng, hãy xem bài viết này .

Nếu không tìm thấy phần tử nào trong đó hàm trả về true , phương thức find () trả về giá trị không xác định :

  

const

value

=

quả

.

tìm

(

elem

= & gt;

elem

===

'🍉'

)

;

bảng điều khiển

.

nhật ký

(

value

)

;

Bạn cũng có thể lấy chỉ mục của phần tử hiện tại làm tham số thứ hai của hàm. Điều này hữu ích khi bạn cũng muốn so sánh chỉ mục:

  quả 

.

tìm

(

(

elem

,

idx

)

= & gt;

elem

===

'🍇'

& amp ; & amp;

idx

& gt;

2

)

;

trái cây

.

tìm

(

(

elem

,

idx

)

= & gt;

elem

===

'🍋'

< p class = "token operator"> & amp; & amp;

idx

& gt;

2

)

;

Một lợi ích khác của phương thức find () là nó cũng hoạt động với các kiểu dữ liệu khác như các đối tượng:

  

const

động vật

=

[

{

tên

:

'🐱'

}

,

{

name

:

'🐒'

}

, < / p>

{

cá voi

:

'🐋'

}

]

;

const

=

súc vật

.

find

(

elem

= & gt; elem

.

tên

===

'🐒'

)

;

bảng điều khiển

.

nhật ký

(

tìm thấy

)

;

Phương thức find () chỉ hoạt động trong các trình duyệt hiện đại.

some () Phương thức

Phương thức some () hoạt động khá giống với find () ngoại trừ việc nó trả về giá trị boolean true nếu phần tử được tìm thấy trong mảng, nếu không thì false . < / p>

  

const

quả

=

[

'🍎'

,

'🍋'

,

'🍊'

,

'🍇'

,

'🍍'

,

'🍐'

]

;

trái cây

.

một số

(

elem

= & gt;

===

'🍐 '

)

;

trái cây

.

một số

(

elem

= & gt;

===

'🍓 '

)

;

Phương thức some () cũng có thể được sử dụng với một mảng đối tượng:

 

const

động vật

=

[

{

name

:

'🐱'

}

,

{

name

:

'🐒'

}

, >

{

cá voi

:

'🐋'

}

]

;

động vật

.

một số

(

elem

= & gt;

elem

.

tên

== =

'🐒'

)

;

động vật

.

một số

(

elem

= & gt;

elem

.

tên

== =

'🍊'

)

;

Phương thức some () được sử dụng trong tất cả các trình duyệt hiện đại, bao gồm IE9 trở lên.

every () Method

every ( ) phương thức giống như some () ngoại trừ việc nó đảm bảo rằng tất cả các phần tử trong mảng đều vượt qua một điều kiện nhất định:

 const 

number

=

[

10

,

99

,

75

,

75

, < / p>> 45

,

33

]

;

const

kết quả

=

number

.

mọi

(

num

= & gt; num

& gt;

15

)

;

console

.

nhật ký

(

kết quả

)

;

Cũng giống như some () , every () hoạt động trong tất cả các trình duyệt hiện đại, bao gồm IE9 trở lên.

Cả hai phương thức indexOf () include () đều phân biệt chữ hoa chữ thường. Điều này có nghĩa là bạn phải chỉ định cùng một chuỗi trường hợp để tìm kiếm mảng:

  

const

names

=

[

'Ali' < / p>

,

'Ngay bây giờ'

,

'Alex'

,

'John'

]

;

tên

.

indexOf

(

'atta'

)

;

tên

.

bao gồm

(

'atta'

)

;

Để thực hiện tìm kiếm không phân biệt chữ hoa chữ thường, một cách là chuyển đổi từng chuỗi trong mảng thành chữ thường bằng cách sử dụng phương thức map () và sau đó thực hiện tìm kiếm:

  

const tên

=

[

'Ali'

,

'Atta'

,

' Alex '

,

' John '

]

;

tên

.

bản đồ

(

elem

= & gt;

elem

.

toLowerCase

(

)

)

.

indexOf

(

'atta'

)

;

tên

.

bản đồ

(

elem

= & gt;

elem

.

toLowerCase

(

)

)

.

bao gồm

(

'atta'

)

;

Ngoài ra, bạn có thể sử dụng phương thức some () để thực hiện cả viết thường và so sánh chuỗi trong một bước:

  tên 

.

một số

(

elem

= & gt;

elem

.

toLowerCase

(

)

===

'atta'

)

;

Kết luận

Trong bài viết này, chúng ta đã xem xét 5 phương thức khác nhau của JavaScript Array để kiểm tra xem một mục có tồn tại trong một mảng hay không.

Một câu hỏi chính đáng mà bạn có thể hỏi, tại sao chúng ta cần tất cả những phương pháp này ở nơi đầu tiên? Tại sao không chỉ có một phương pháp để tìm kiếm trong một mảng?

Một câu trả lời đơn giản là tất cả các phương pháp này đều dành cho các trường hợp sử dụng khác nhau:

  • Bạn muốn biết vị trí phần tử trong mảng? Sử dụng phương thức indexOf () .
  • Bạn muốn tìm vị trí xuất hiện cuối cùng của một phần tử? Có một phương thức lastIndexOf () cho mục đích này.
  • Bạn chỉ muốn biết liệu phần tử có tồn tại hay không? Sử dụng phương thức include () .
  • Bạn có muốn nhận cả phần tử phù hợp không? Sử dụng phương thức find () .
  • Làm việc với một mảng đối tượng? Sử dụng phương thức some () để kiểm tra sự tồn tại của phần tử so khớp.
  • Bạn muốn thực hiện tìm kiếm không phân biệt chữ hoa chữ thường? Sử dụng phương thức find () hoặc some () .
  • Bạn muốn kiểm tra xem tất cả các phần tử trong một mảng có thỏa mãn một điều kiện nhất định không? Sử dụng phương thức every () .
  • Và v.v.

Để tìm hiểu thêm về mảng JavaScript và cách sử dụng chúng để lưu trữ nhiều thông tin trong một biến duy nhất, hãy xem bài viết này .

✌️ Bạn thích bài viết này? Theo dõi tôi trên
Twitter
LinkedIn .
Bạn cũng có thể đăng ký
Nguồn cấp dữ liệu RSS .


Xem thêm những thông tin liên quan đến chủ đề js kiểm tra xem mảng

Using the Array "copyWithin" method - JavaScript Tutorial

  • Tác giả: dcode
  • Ngày đăng: 2020-11-05
  • Đánh giá: 4 ⭐ ( 1797 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: In today's video we'll be taking a quick look at the "copyWithin" method in JavaScript, which can be called on arrays to copy a portion of the array into another position.

    Support me on Patreon:
    https://www.patreon.com/dcode - with enough funding I plan to develop a website of some sort with a new developer experience!

    For your reference, check this out:
    https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/copyWithin

    Follow me on Twitter @dcodeyt!

    If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!

    dcode javascript

Một số hàm xử lý với mảng trong Javascript

  • Tác giả: viblo.asia
  • Đánh giá: 3 ⭐ ( 9141 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Xin chào mọi người, hôm nay mình sẽ giới thiệu một số hàm xử lý với mảng trong JS, mong mọi người theo dõi

Làm cách nào để kiểm tra xem phần tử mảng có tồn tại hay không trong javascript?

  • Tác giả: qastack.vn
  • Đánh giá: 5 ⭐ ( 6044 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: [Tìm thấy giải pháp!] Sử dụng typeof arrayName[index] === 'undefined' I E if(typeof arrayName[index] === 'undefined') { // does not…

isArray javascript - kiểm tra biến có phải là mảng hay không

  • Tác giả: freetuts.net
  • Đánh giá: 4 ⭐ ( 2538 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Cách dùng isArray trong Javascript, isArray javascript dùng để kiểm tra một biến có phải là mảng hay không - trả về true nếu là mảng và false nếu không phải

Array.isArray() - JavaScript

  • Tác giả: developer.mozilla.org
  • Đánh giá: 3 ⭐ ( 7774 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: The Array.isArray() method determines whether the passed
    value is an Array.

Mảng trong javascript

  • Tác giả: toidicode.com
  • Đánh giá: 5 ⭐ ( 9706 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.

Kiểm tra có phải mảng trong JavaScript(isArray)

  • Tác giả: laptrinhcanban.com
  • Đánh giá: 5 ⭐ ( 8226 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Hướng dẫn cách kiểm tra có phải mảng trong JavaScript. Bạn sẽ học được cách dùng phương thức isArray() để kiểm tra một đối tượng có phải mảng trong JavaScript sau bài học này.

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  Cách đọc từ tệp trong C ++ - đọc c ++ từ tệp