Cách sử dụng phương thức include () trong JavaScript – js bao gồm với chức năng

Bạn đang xem : js include với hàm

Phương thức include () là một phần của cả nguyên mẫu Mảng và Chuỗi. Phương thức này chấp nhận giá trị tìm kiếm dưới dạng tham số và trả về true nếu giá trị được chứa trong mảng mà nó được gọi hoặc nếu nó tồn tại dưới dạng chuỗi con của đối tượng chuỗi mà nó được gọi.

Bài viết này giới thiệu những kiến ​​thức cơ bản về phương thức include () cho từng nguyên mẫu cũng như khám phá khác biệt giữa hai phương thức này.

Một ví dụ cơ bản về String.includes ()

Ví dụ sau minh họa cách sử dụng cơ bản của include () khi làm việc với một Chuỗi:

 const str = 'Chuỗi này bao gồm từ bao gồm';
console.log (str.includes ('bao gồm'));
// Kết quả mong đợi: true

Trong ví dụ trên, phương thức include () được sử dụng để tìm kiếm biến chuỗi const str cho từ “bao gồm”. Vì giá trị của const str chứa chuỗi tìm kiếm (được bao gồm dưới dạng tổ hợp ký tự i-n-c-l-u-d-e-s), phương thức trả về true .

Quan trọng: include () phân biệt chữ hoa chữ thường !!

Tìm kiếm “Bao gồm” với một viết hoa tôi sẽ trả về false. Khoảng trống cũng được tính đến khi tìm kiếm Chuỗi hoặc Mảng.

Phương thức include () tìm kiếm các chuỗi bằng cách sử dụng các kết hợp ký tự. Đây là lý do tại sao các khoảng trống được coi là một phần của mẫu cần phát hiện và tại sao có thể tìm kiếm các phần nhỏ của từ – hoặc thậm chí các ký tự đơn lẻ, như được thấy bên dưới:

 console.log (str.includes ('u'));
// Kết quả mong đợi: true
console.log (str.includes ('u'));
// Đầu ra mong đợi: false

Trong ví dụ trên, việc tìm kiếm ký tự ‘u’ bằng cách sử dụng include () trả về true vì ký tự tồn tại trong chuỗi.

Tuy nhiên, việc tìm kiếm ký tự ‘u’ với khoảng trống sau sẽ dẫn đến kết quả là bao gồm () trả về false , vì tổ hợp ký tự này không tồn tại trong const str.

Array.includes () ví dụ cơ bản

Ví dụ tiếp theo này trình bày cách sử dụng phiên bản Mảng của include ():

 const nội thất = ['bàn', 'ghế', 'tủ', 'tủ quần áo', 'ghế đẩu'];
console.log (nội thất.includes ('ghế'));
// Kết quả mong đợi: true

Trong ví dụ trên, đồ nội thất của mảng const bao gồm ghế vật phẩm. Do đó, phương thức include () trả về true .

Tương tự như String.includes () ở trên, phương pháp tìm kiếm cũng phân biệt chữ hoa chữ thường . Điều này có nghĩa là tìm kiếm “Ghế” có chữ ‘C’ viết hoa sẽ trả về sai. Điều tương tự cũng áp dụng cho các chuỗi tìm kiếm bao gồm khoảng trắng – vì không có phần tử nào của mảng bao gồm khoảng trắng, bất kỳ chuỗi tìm kiếm nào có khoảng trắng sẽ trả về kết quả là false.

Không giống như phương thức String.includes () đồng hành của nó, Array.includes () không cho phép bạn tìm kiếm một phần nhỏ của một mục:

 console.log (Furniture.includes ('cha'));
// Đầu ra mong đợi: false

Trong ví dụ trên, mặc dù đúng là cụm từ tìm kiếm – “cha” – có trong phần tử “ghế” dưới dạng tập hợp ký tự đầu tiên, phương thức này vẫn sẽ trả về false. Điều này là do Array.includes () chỉ cho phép bạn tìm kiếm toàn bộ các mục.

Cú pháp

Như đã thấy ở trên, cú pháp của phương thức bao gồm () rất đơn giản – chỉ cần áp dụng phương thức bao gồm () cho một Chuỗi hoặc một Mảng và chuyển vào searchValue làm đối số.

Phương thức include () cũng chấp nhận tham số thứ hai – startIndex – cho biết vị trí mà tại đó tìm kiếm sẽ bắt đầu.

Xem Thêm  Điều kiện phạm vi ngày của máy chủ SQL trong mệnh đề WHERE - sql trong đó phạm vi ngày

Cú pháp của include () như sau:

String hoặc Array.includes (searchValue, startIndex)

SearchValue:

Tham số searchValue đại diện cho giá trị được tìm kiếm.

Đối với String.includes – đối số phải là một chuỗi.

Đối với Array.includes – đối số có thể thuộc bất kỳ kiểu dữ liệu nguyên thủy nào (không bao gồm Biểu tượng) và các hàm. Các chi tiết khác về vấn đề này được trình bày bên dưới trong phần Các giá trị tìm kiếm có thể có cho Mảng .

startIndex: Tham số startIndex chỉ định chỉ mục của Chuỗi hoặc Mảng mà tại đó tìm kiếm sẽ bắt đầu. Tham số này chấp nhận một số và có giá trị mặc định là không (0).

 console.log (str.includes ('bao gồm', 16));
// Kết quả mong đợi: true

Ví dụ trên sử dụng const str từ ví dụ trước của chúng tôi, nhưng bắt đầu tìm kiếm ở chỉ mục 16 thay vì ở đầu. Vì điều này nằm ở giữa lần xuất hiện đầu tiên của từ “bao gồm” trong chuỗi nguồn, trường hợp đầu tiên này không được tính là một kết quả phù hợp. Tuy nhiên, vì const str kết thúc bằng tổ hợp ký tự i-n-c-l-u-d-e-s nên phương thức này vẫn trả về true .

Mẹo: Phương thức String.charAt () cho biết ký tự nào xuất hiện ở một chỉ mục nhất định.

 console.log (str.charAt (16));
// Đầu ra mong đợi: u

Ký tự ở Chỉ mục 16 của const str là ký tự u trong lần xuất hiện đầu tiên của từ “bao gồm”.

Chỉ số phủ định

Array.includes () có thể nhận các chỉ số phủ định cho tham số startIndex . Điều này khiến vị trí bắt đầu tìm kiếm được tính từ cuối mảng, thay vì đầu.

Lưu ý: Chỉ có thể sử dụng các chỉ số phủ định cho Array.includes () – chúng không áp dụng cho String.includes ()!

 console.log (nội thất.includes ('ghế', -2));
// Đầu ra mong đợi: false

Trong ví dụ trên, việc tìm kiếm mảng đồ nội thất bắt đầu từ chỉ mục -2. Điều này đại diện cho phần tử đứng thứ hai đến cuối cùng trong mảng. Trong định nghĩa của đồ nội thất const, điều này đại diện cho mục “tủ quần áo”. Vì không có sự xuất hiện của mục “ghế” sau mục “tủ quần áo” trong đồ nội thất const, nên phương thức include () trả về false .

Sự khác biệt giữa Array.includes () và String.includes ()

Có hai điểm khác biệt chính về cách phương thức include () hoạt động đối với các nguyên mẫu Chuỗi và Mảng:

Array.includes () có thể chấp nhận các chỉ số phủ định cho startIndex , trong khi String.includes () không thể.

Array.includes () cho phép bạn tìm kiếm nhiều loại dữ liệu , trong khi String.includes () cho phép bạn chỉ tìm kiếm các Chuỗi.

Hãy khám phá Array.includes () chi tiết hơn một chút. Để trợ giúp, chúng tôi sẽ bắt đầu bằng cách xác định bốn biến:

 const bigNum = 235326n;
const word = 'word';
const x = Biểu tượng ('foo');
const y = Symbol ('bar'); 

Trong đoạn mã ví dụ trên, const bigNum thuộc loại BigInt, const từ thuộc loại Chuỗi và hai từ còn lại (const x và const y) là Ký hiệu.

Tiếp theo, chúng tôi sẽ xác định một mảng hỗn hợp để sử dụng trong các tìm kiếm của mình:

 const mix = [56, true, undefined, null, 235326n, Symbol ('foo'), y, word];

Hỗn hợp const của mảng biểu thị sự kết hợp của nhiều kiểu dữ liệu khác nhau.

Như đã đề cập ở trên, loại dữ liệu được sử dụng để tìm kiếm Mảng có thể là bất kỳ kiểu dữ liệu nguyên thủy (Loại trừ các ký hiệu) và các chức năng.

Xem Thêm  Vị trí nền CSS: Hướng dẫn tốt nhất với các ví dụ - cách đặt vị trí hình nền trong css

Các ví dụ dưới đây nêu bật các giá trị trả về cho các tìm kiếm thuộc các kiểu dữ liệu khác nhau trong mảng const mix:

 console.log (mix.includes (56)); // Kết quả mong đợi: true
console.log (mix.includes (true)); // Kết quả mong đợi: true
console.log (mix.includes (không xác định)); // Kết quả mong đợi: true
console.log (mix.includes (null)); // Kết quả mong đợi: true 

Biến const bigNum lưu trữ giá trị BigInt. Giá trị của biến này (235326n) xuất hiện trong hỗn hợp const Array dưới dạng một giá trị. Như đã thấy trong các ví dụ bên dưới, chúng ta có thể tìm kiếm giá trị này bằng cách sử dụng giá trị hoặc một biến lưu trữ giá trị này (tức là bigNum):

 console.log (mix.includes (235326n)); // Kết quả mong đợi: true
console.log (mix.includes (bigNum)); // Kết quả mong đợi: true 

Không thể xác minh việc bao gồm một Biểu tượng bằng phương thức include (), không bằng cách tìm kiếm chính giá trị đó (Biểu tượng (‘foo’)) hoặc bằng cách tìm kiếm biến tham chiếu đến giá trị này (x).

 console.log (mix.includes (Symbol ('foo'))); // Đầu ra mong đợi: false
console.log (mix.includes (x)); // Đầu ra mong đợi: false

Tuy nhiên, vì mảng chứa một biến y tham chiếu đến Biểu tượng (‘bar’), nên có thể sử dụng phương thức include () để tìm kiếm sự hiện diện của biến này và xác minh sự bao gồm của nó:

 console.log (mix.includes (y)); // Kết quả mong đợi: true 

Tương tự, nếu một biến là một mục trong một mảng (như đã thấy ở trên với const word), bạn sử dụng Array.includes () để tìm kiếm giá trị (tức là ‘word’) được lưu trữ trong biến đó:

 console.log (mix.includes ('word')); // Kết quả mong đợi: true 

Lưu ý: Bạn không thể sử dụng Array.includes () để tìm kiếm mảng con hoặc Đối tượng.

Các bài viết có liên quan

JavaScript – Cách Tìm kiếm Mảng

JavaScript – Giải thích về mảng

JavaScript – Cách sử dụng phương pháp chuỗi con


Xem thêm những thông tin liên quan đến chủ đề js bao gồm với chức năng

Learn JavaScript – Full Course for Beginners

  • Tác giả: freeCodeCamp.org
  • Ngày đăng: 2018-12-10
  • Đánh giá: 4 ⭐ ( 5206 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: This complete 134-part JavaScript tutorial for beginners will teach you everything you need to know to get started with the JavaScript programming language.

    ⭐️Curriculum⭐️
    This is a stand-alone video but it follows the JavaScript curriculum at freecodecamp.org. Access the curriculum here:
    🔗 Basic JavaScript: https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/basic-javascript
    🔗 ES6 JavaScript: https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/es6

    ⭐️Code⭐️
    This course was created using scrimba.com. Access the course there along with the code:
    🔗 Basic JavaScript: https://scrimba.com/playlist/pny4ghw
    🔗 ES6 JavaScript: https://scrimba.com/playlist/p7v3gCd

    🐦🐦 Follow course creator Beau Carnes on Twitter: https://www.twitter.com/BeauCarnes

    ⭐️Course Contents⭐️
    0:00:00 Introduction
    0:01:24 Running JavaScript
    0:04:23 Comment Your Code
    0:05:56 Declare Variables
    0:06:15 Storing Values with the Assignment Operator
    0:11:31 Initializing Variables with the Assignment Operator
    0:11:58 Uninitialized Variables
    0:12:40 Case Sensitivity in Variables
    0:14:05 Basic Math
    0:15:30 Increment and Decrement
    0:16:22 Decimal Numbers
    0:16:48 Multiply Two Decimals
    0:17:18 Divide Decimals
    0:17:33 Finding a Remainder
    0:18:22 Augmented Math Operations
    0:21:19 Declare String Variables
    0:22:01 Escaping Literal Quotes
    0:23:44 Quoting Strings with Single Quotes
    0:25:18 Escape Sequences
    0:26:46 Plus Operator
    0:27:49 Plus Equals Operator
    0:29:01 Constructing Strings with Variables
    0:30:14 Appending Variables to Strings
    0:31:11 Length of a String
    0:32:01 Bracket Notation
    0:33:27 Understand String Immutability
    0:34:23 Find the Nth Character
    0:36:28 Word Blanks
    0:40:44 Arrays
    0:41:43 Nest Arrays
    0:42:33 Access Array Data
    0:43:34 Modify Array Data
    0:44:48 Access Multi-Dimensional Arrays
    0:46:30 push()
    0:47:29 pop()
    0:48:33 shift()
    0:49:23 unshift()
    0:50:36 Shopping List
    0:51:41 Write Reusable with Functions
    0:53:41 Arguments
    0:55:43 Global Scope
    0:59:31 Local Scope
    1:00:46 Global vs Local Scope in Functions
    1:02:40 Return a Value from a Function
    1:03:55 Undefined Value returned
    1:04:52 Assignment with a Returned Value
    1:05:52 Stand in Line
    1:08:41 Boolean Values
    1:09:24 If Statements
    1:11:51 Equality Operators
    1:19:17 And / Or Operators
    1:21:37 Else Statements
    1:22:27 Else If Statements
    1:23:30 Logical Order in If Else Statements
    1:24:45 Chaining If Else Statements
    1:27:45 Golf Code
    1:32:15 Switch Statements
    1:41:11 Returning Boolean Values from Functions
    1:42:20 Return Early Pattern for Functions
    1:43:38 Counting Cards
    1:49:11 Build Objects
    1:50:46 Dot Notation
    1:51:33 Bracket Notation
    1:52:47 Variables
    1:53:34 Updating Object Properties
    1:54:30 Add New Properties to Object
    1:55:19 Delete Properties from Object
    1:55:54 Objects for Lookups
    1:57:43 Testing Objects for Properties
    1:59:15 Manipulating Complex Objects
    2:01:00 Nested Objects
    2:01:53 Nested Arrays
    2:03:06 Record Collection
    2:10:15 While Loops
    2:11:35 For Loops
    2:13:56 Odd Numbers With a For Loop
    2:15:28 Count Backwards With a For Loop
    2:17:08 Iterate Through an Array with a For Loop
    2:19:43 Nesting For Loops
    2:22:45 Do…While Loops
    2:24:12 Profile Lookup
    2:28:18 Random Fractions and Whole Numbers
    2:31:46 parseInt Function
    2:33:29 Ternary Operator
    2:34:57 Multiple Ternary Operators
    2:36:57 var vs let
    2:41:32 const Keyword
    2:43:40 Mutate an Array Declared with const
    2:44:52 Prevent Object Mutation
    2:47:17 Arrow Functions
    2:53:04 Default Parameters
    2:54:00 Rest Operator
    2:55:31 Spread Operator
    2:57:18 Destructuring Assignment
    3:06:39 Template Literals
    3:10:43 Simple Fields
    3:12:24 Declarative Functions
    3:12:56 class Syntax
    3:15:11 getters and setters
    3:20:25 import and export

    🎥 Want something shorter? Here’s a 63-second JavaScript course: https://www.youtube.com/watch?v=OXiyLaNo3NE

JavaScript là gì? Tại sao nên thiết kế website bằng JavaScript

  • Tác giả: mona.media
  • Đánh giá: 4 ⭐ ( 3630 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: JavaScript là ngôn ngữ lập trình phổ biến, xuất phát của nhiều tính năng và ứng dụng web từ cơ bản tới phức tạp. Mặc dù hiện nay có khá nhiều ngôn ngữ lập trình hiện đại khác, nhưng không thể phủ nhận, đây vẫn là một bức tường thành vững chắc để thiết kế website bằng Javascript

Lập trình JavaScript cho người mới bắt đầu: Các cách học JavaScript

  • Tác giả: vn.bitdegree.org
  • Đánh giá: 4 ⭐ ( 5691 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Lập trình JavaScript cho người mới bắt đầu: tìm hiểu cách tốt nhất học JavaScript & phát triển sự nghiệp IT qua hướng dẫn lập trình JavaScript này

Validate Form Bằng Javascript Như Thế Nào?

  • Tác giả: codelearn.io
  • Đánh giá: 4 ⭐ ( 6941 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Các thông tin mà người dùng nhập vào biểu mẫu cần phải được xác thực để đảm bảo sự hợp lý của dữ liệu Vậy làm thế nào để Validate Form với Javascript?

Javascript là gì? Những điều cơ bản nhất về Javascript

  • Tác giả: arena.fpt.edu.vn
  • Đánh giá: 4 ⭐ ( 4786 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Nếu bạn chưa biết thì Javascript là ngôn ngữ lập trình phổ biến nhất trên thế giới trong suốt 20 năm qua. Hãy cùng FPT Arena tìm hiểu chi tiết về Javascript nhé

JavaScript là gì?

  • Tác giả: quantrimang.com
  • Đánh giá: 5 ⭐ ( 6763 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: JavaScript là một ngôn ngữ lập trình của HTML và WEB. Nó là nhẹ và được sử dụng phổ biến nhất như là một phần của các trang web, mà sự thi hành của chúng cho phép Client-Side script tương tác với người sử dụng và tạo các trang web động. Nó là một ngôn ngữ chương trình thông dịch với các khả năng hướng đối tượng.

JavaScript là gì? Cơ bản về ngôn ngữ lập trình của tương lai – Trung tâm hỗ trợ kỹ thuật

  • Tác giả: wiki.matbao.net
  • Đánh giá: 4 ⭐ ( 4588 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: JavaScript là gì? JavaScript là một ngôn ngữ lập trình website, được tích hợp và nhúng trong HTML giúp website sống động hơn.

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ập trình cơ sở dữ liệu trong Android (Phần 1) - sqliteopenhelper trong android