Cách bao gồm công việc trong mảng javascript?

Phương thức includes() phân biệt chữ hoa chữ thường. Bài đăng này cho thấy mảng chứa một đối tượng, một chuỗi và một chuỗi con

cú pháp

Cú pháp của Javascript Array bao gồm() như sau

array.includes(element, start)

Thông số

Tham số phần tử bắt buộc phải có và đó là phần tử mà chúng ta cần tìm kiếm

Tham số bắt đầu là tùy chọn và mặc định là 0. Đó là vị trí trong mảng để bắt đầu tìm kiếm

Giá trị trả về

Hàm bao gồm () trả về giá trị boolean. đúng hay sai

Thí dụ

Hãy lấy một ví dụ về Javascript Array Bao gồm

// app.js

let arr = ['Gavin', 'Richard', 'Erlich', 'Gilfoyle'];

console.log(arr.includes('Erlich'));

Như chúng ta đã biết, Erlich đang ở trong mảng. Vì vậy, nó sẽ trả về true

Nếu chúng ta tìm kiếm một phần tử không tồn tại trong một mảng, nó sẽ trả về giá trị sai

// app.js

let arr = ['Gavin', 'Richard', 'Erlich', 'Gilfoyle'];

console.log(arr.includes('Jared'));

Xem đầu ra sau

Khi so sánh các chuỗi và ký tự, hàm include() phân biệt chữ hoa chữ thường

Hàm bao gồm mảng Javascript () sử dụng thuật toán sameValueZero để xác định xem phần tử đã cho có được tìm thấy hay không

Hãy xem các ví dụ khác

// app.js

console.log([1, 2, 3].includes(3, 2));
console.log([19, 21, 46].includes(19, 1));
console.log([19, 21, 46].includes(46, -1));
console.log([1, 2, NaN].includes(NaN));

Đầu ra của đoạn mã trên là như sau

Nếu vị trí bắt đầu lớn hơn hoặc bằng độ dài của mảng, thì hàm trả về giá trị sai. Do đó, mảng sẽ không được tìm kiếm

Nếu vị trí bắt đầu là số âm, thì chỉ số được tính toán sẽ được tính như một vị trí trong mảng để tìm kiếm phần tử. Nếu chỉ số được tính nhỏ hơn hoặc bằng -1 * mảng. chiều dài, toàn bộ mảng sẽ được tìm kiếm

Mảng Javascript chứa

Để kiểm tra xem một mảng có chứa giá trị trong JavaScript hay không, hãy sử dụng phương thức mảng bao gồm(). Phương thức mảng include() kiểm tra xem một mảng có phần tử hoặc chỉ định một phần tử hay không.

Để xác định xem một mảng có bao gồm một đối tượng trong JavaScript hay không, hãy sử dụng mảng. phương thức bao gồm (). Tất cả các trình duyệt hiện đại đều có mảng bao gồm(), mảng này thực hiện chính xác điều đó và được mọi người hỗ trợ rộng rãi ngoại trừ IE.

Cú pháp của nguyên mẫu

Array.prototype.name = value

Hãy mở rộng nguyên mẫu mảng Javascript

Mảng Javascript chứa nguyên mẫu

Prototype constructor cho phép chúng ta thêm các thuộc tính và phương thức mới vào đối tượng array(). Khi xây dựng thuộc tính, TẤT CẢ các mảng sẽ được cung cấp thuộc tính và giá trị của nó theo mặc định. Khi tạo phương thức, TẤT CẢ mảng sẽ có sẵn phương thức này.

Mảng ghi chú. nguyên mẫu không đề cập đến một mảng đơn lẻ mà là chính đối tượng Array()

Ghi chú. Nguyên mẫu là hàm tạo đối tượng toàn cầu có sẵn cho tất cả các đối tượng JavaScript

Xem đoạn mã sau

Array.prototype.contains = function (obj) {
  var i = this.length;
  while (i--) {
    if (this[i] === obj) {
      return true;
    }
  }
  return false;
}

Được rồi, bây giờ hãy xem một ví dụ dựa trên mảng. chứa() nguyên mẫu

// app.js

Array.prototype.contains = function (obj) {
  var i = this.length;
  while (i--) {
    if (this[i] === obj) {
      return true;
    }
  }
  return false;
}

console.log([1, 2, 3].contains(2))
console.log([1, 2, 3].contains(3))
console.log([1, 2, 3].contains(11))

đầu ra

node app
true
true
false

Đầu ra cho thấy Javascript Array. chứa() nguyên mẫu hoạt động chính xác như mong đợi

Điều đó có nghĩa là chúng ta có thể thêm nguyên mẫu này vào bất kỳ tệp nào và chúng ta có thể sử dụng hàm chứa() giống như hàm Javascript gốc

Lời cảnh báo

Theo một số nhà phát triển, việc mở rộng đối tượng Mảng JavaScript là một ý tưởng tồi vì bạn đưa các thuộc tính mới (phương thức tùy chỉnh của bạn) vào các vòng lặp for-in, phá vỡ các tập lệnh hiện có. Một vài năm trước, các tác giả của thư viện Nguyên mẫu đã phải lặp lại quá trình triển khai thư viện của họ để chỉ loại bỏ loại nội dung này

Tôi muốn giới thiệu một giải pháp chức năng độc lập an toàn hơn. Tuy nhiên, một lần nữa, sự lựa chọn là của bạn với tư cách là nhà phát triển

Sự khác biệt giữa Mảng. bao gồm () và Mảng. Chỉ số()

Mảng. phương thức bao gồm () đã được giới thiệu trong ECMAScript 6. Phương thức bao gồm () được sử dụng để tìm hiểu xem phần tử có được bao gồm trong mảng hay không. Nó trả về giá trị boolean. đúng hay sai

Chúng tôi sử dụng mảng. indexOf() để tìm xem phần tử có trong mảng hay không. Nhưng nó không trả về một boolean. Thay vào đó, nó trả về chỉ mục đầu tiên của phần tử được tìm thấy trong mảng hoặc sẽ trả về -1 (biểu thị rằng phần tử không được tìm thấy)

Không giống như mảng indexOf(), sử dụng So sánh bình đẳng nghiêm ngặt, nó bao gồm các so sánh bằng thuật toán bình đẳng SameValueZero. Điều đó có nghĩa là bạn có thể phát hiện xem mảng có bao gồm NaN hay không

Kiểm tra nếu một mảng bao gồm một đối tượng

Ở đây, chúng ta có thể sử dụng phương thức JS Array filter(). Xem ví dụ sau

Xem đầu ra

Chúng ta cũng có thể sử dụng toán tử instanceOf để kiểm tra loại phần tử. Kết hợp bộ lọc mảng và toán tử instanceOf, chúng ta có thể kiểm tra xem mảng có chứa đối tượng hay mảng bao gồm đối tượng.  

Xem ví dụ mã sau

// app.js
let obj = { author: 'KDL' }
let list = [obj, obj];

let op = list.filter(data => data instanceof Object);
console.log(op)

Xem đầu ra sau

Vì vậy, chúng ta có thể nói mảng chứa một đối tượng;

Kiểm tra xem một mảng có chứa một chuỗi không

Nếu chúng ta muốn tìm xem một mảng có chứa chuỗi hay không, chúng ta có thể sử dụng phương thức mảng indexOf trong Javascript. Xem ví dụ lập trình sau

// app.js

let arr = ['Gavin', 'Richard', 'Erlich', 'Gilfoyle'];

console.log(arr.includes('Erlich'));

Bây giờ, xem đầu ra

Điều đó có nghĩa là một chuỗi cụ thể được bao gồm trong mảng Javascript

Chúng tôi cũng có thể xác minh bằng toán tử instanceOf

Kiểm tra xem một mảng có chứa hàm tạo chuỗi không

Xem đoạn mã sau

// app.js

let arr = ['Gavin', 'Richard', 'Erlich', 'Gilfoyle'];

console.log(arr.includes('Erlich'));

Xem đầu ra

Kiểm tra xem một mảng có chứa chuỗi con không

Trong javascript, bạn có thể tìm kiếm một mảng để khớp chuỗi con

// app.js

let arr = ['Gavin', 'Richard', 'Erlich', 'Gilfoyle'];

console.log(arr.includes('Erlich'));

Xem đầu ra

Trong đoạn mã trên, chúng ta đã sử dụng phương thức vòng lặp for và chuỗi con Chuỗi để kiểm tra chuỗi con trong mảng

Xác định xem mảng Javascript có chứa mảng khác không

Nếu chúng ta muốn xác định xem một mảng có chứa một mảng khác trong Javascript hay không, chúng ta cần sử dụng kết hợp các phương thức mảng every() và mảng indexOf(). xem mã

// app.js

let arr = ['Gavin', 'Richard', 'Erlich', 'Gilfoyle'];

console.log(arr.includes('Erlich'));

Xem đầu ra

Trong đoạn mã trên, mảng thứ hai arrB chứa tất cả các phần tử của mảng;

Nếu một phần tử bị thiếu trong arrB, nó sẽ xuất ra false. Vì vậy, hãy nhớ rằng cách trên chỉ hoạt động nếu bạn cần kiểm tra toàn bộ mảng chứ không phải một số mục trong mảng

Mảng Javascript bao gồm nhiều điều kiện

Nếu chúng ta có nhiều điều kiện cho JavaScript. bao gồm (), chúng ta có thể tạo một hàm tùy chỉnh để kiểm tra xem một và chỉ một trong các điều kiện có đúng không. Xem đoạn mã sau

// app.js

let arr = ['Gavin', 'Richard', 'Erlich', 'Gilfoyle'];

console.log(arr.includes('Erlich'));

Vì vậy, chúng ta có một chuỗi và một mảng trong ví dụ trên

Bây giờ, chúng ta lấy một phần tử mảng và kiểm tra bên trong chuỗi bằng phương thức include() và nếu tìm thấy bất kỳ phần tử nào trong chuỗi, nó sẽ trả về giá trị true. Chúng tôi đang kiểm tra từng phần tử bằng cách sử dụng một mảng. hàm forEach()

Trong ví dụ của chúng ta, Friends có trong chuỗi để trả về true

Xem đầu ra

// app.js

let arr = ['Gavin', 'Richard', 'Erlich', 'Gilfoyle'];

console.log(arr.includes('Erlich'));

Xác định xem mảng Javascript có chứa đối tượng không

Để xác định xem một mảng Javascript có chứa một thuộc tính bằng một giá trị nhất định hay không? . Do đó, chúng tôi sẽ không sử dụng phương thức Javascript forEach(). Well, we have two solutions to define whether an array contains an object with an attribute or not. Therefore, we will not be using Javascript forEach() method.

1. Xác định một mảng chứa đối tượng bằng cách sử dụng Array. phương thức some()
2. Xác định một mảng chứa đối tượng bằng cách sử dụng Array. phương thức lọc()

Xác định một mảng chứa đối tượng sử dụng Array. phương thức some()

Mảng Javascript some() là một phương thức sẵn có để kiểm tra xem ít nhất một phần tử trong mảng có vượt qua bài kiểm tra được thực hiện bởi hàm được cung cấp hay không. Nó trả về một giá trị Boolean

Xem đoạn mã sau

// app.js

let arr = ['Gavin', 'Richard', 'Erlich', 'Gilfoyle'];

console.log(arr.includes('Erlich'));

đầu ra

// app.js

let arr = ['Gavin', 'Richard', 'Erlich', 'Gilfoyle'];

console.log(arr.includes('Erlich'));

Đây là câu trả lời chính xác nhất bởi vì, tôi. e. , "kiểm tra xem có thứ gì tồn tại không", ngụ ý một kết quả bool. Điều này sẽ đúng nếu có bất kỳ tên nào có đối tượng giá trị 'Brie', nếu không thì sai

Xác định một mảng chứa đối tượng sử dụng Array. phương thức lọc()

Bộ lọc mảng Javascript() là một phương thức tích hợp để tạo một mảng chứa đầy các phần tử vượt qua bài kiểm tra (được cung cấp dưới dạng hàm)

Xem đoạn mã sau

// app.js

let arr = ['Gavin', 'Richard', 'Erlich', 'Gilfoyle'];

console.log(arr.includes('Erlich'));

đầu ra

// app.js

let arr = ['Gavin', 'Richard', 'Erlich', 'Gilfoyle'];

console.log(arr.includes('Erlich'));

Hàm js filter() trả về một mảng gồm tất cả các đối tượng ‘Brie’, ngay cả khi chỉ một đối tượng (sẽ trả về mảng một phần tử). Nhưng chúng tôi vừa kiểm tra xem nó có đúng hay không

Nó sẽ thực thi điều kiện if dựa trên giá trị đúng hoặc sai, đó là tất cả những gì chúng ta muốn. Tiếp theo, chúng tôi muốn kiểm tra xem mảng có chứa một đối tượng cụ thể hay không

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

Bài viết đề xuất

Mảng Javascript concat()

Mảng Javascript isArray()

Đảo ngược mảng JavaScript()

Mảng Javascript toString()

Nối mảng Javascript()

lát mảng Javascript()

Tham gia mảng Javascript()

Mảng Javascript giảm()

Bản đồ mảng Javascript()

Tìm mảng Javascript()

Facebook

Twitter

Pinterest

WhatsApp

Bài viết trước Cắt Javascript. Cách xóa khoảng trắng trong JavaScript

Bài viết tiếp theo Tìm nạp Javascript. Cách sử dụng Hàm tìm nạp()

kranal

https. //appdividend. com/

Krunal Lathiya là một kỹ sư công nghệ thông tin. Theo chuyên môn, anh ấy là một nhà phát triển web có kiến ​​thức về nhiều nền tảng back-end (e. g. , PHP, Nút. js, Python) và các khung JavaScript giao diện người dùng (e. g. , Góc, Phản ứng và Vue)

Bạn có thể sử dụng bao gồm trên một mảng?

Phương pháp bao gồm hoạt động như thế nào?

Tôi có thể chuyển mảng bao gồm JavaScript không?

Tôi có thể sử dụng JS không?