Hướng dẫn how to check if the string contains two words in javascript - cách kiểm tra xem chuỗi có chứa hai từ trong javascript hay không

Trong hướng dẫn này, bạn sẽ học cách kiểm tra xem một chuỗi có chứa nhiều từ trong javascript không. Thay vì có một biến riêng lẻ cho mỗi từ, tốt hơn là có một tập hợp các từ dưới dạng một mảng. Một mảng chỉ là một tập hợp các mục và các mục này có thể thuộc bất kỳ loại dữ liệu nào.how to check if a string contains multiple words in javascript. Instead of having an individual variable for each word, it is better to have a collection of words in the form of an array. An array is just a collection of items and these items can be of any data type.

Một chuỗi bao gồm nhiều ký tự và các ký tự này có thể là chữ cái, số hoặc ký tự đặc biệt. Đối với người mới bắt đầu, có thể hơi khó tìm nếu một chuỗi chứa nhiều từ.

Có rất nhiều cách để kiểm tra xem một chuỗi chứa nhiều từ. Nhưng vì mục đích đơn giản, chúng tôi sẽ sử dụng phương pháp include[], phương pháp every[] và toán tử ternary [?] để hoàn thành mục tiêu của chúng tôi.

Phương thức

  
  
  
  
  Document




  
    
    Check
    
Result
  

  

Trong ví dụ sau, chúng tôi có 2 biến toàn cầu, một mảng và một chuỗi. Khi nhấp vào nút, chúng tôi sẽ kiểm tra xem chuỗi có chứa nhiều từ không và hiển thị kết quả trên màn hình. & NBSP; Vui lòng xem xét ví dụ về mã và các bước được đưa ra dưới đây.code example and the steps given below.

HTML & CSS

• Chúng tôi có 3 phần tử trong tệp HTML [

  
  
  
    
    
    
    
    Document
  
  
  
  
    
      
      Check
      
  Result
    
  
    
  
  
  

  3,

  
  
  
    
    
    
    
    Document
  
  
  
  
    
      
      Check
      
  Result
    
  
    
  
  
  

  4 và

  
  
  
    
    
    
    
    Document
  
  
  
  
    
      
      Check
      
  Result
    
  
    
  
  
  

  5]. Phần tử

  
  
  
    
    
    
    
    Document
  
  
  
  
    
      
      Check
      
  Result
    
  
    
  
  
  

  3 chỉ là một trình bao bọc cho phần còn lại của các yếu tố.

• 
  
  
    
    
    
    
    Document
  
  
  
  
    
      
      Check
      
  Result
    
  
    
  
  
  

  7 cho phần tử nút là

  
  
  
    
    
    
    
    Document
  
  
  
  
    
      
      Check
      
  Result
    
  
    
  
  
  

  8 và đối với phần tử

  
  
  
    
    
    
    
    Document
  
  
  
  
    
      
      Check
      
  Result
    
  
    
  
  
  

  5, đó là

  .container {        
      text-align: center;
  }
  
  button {
    margin-top: 10px;
    padding: 10px 20px;
  }
  

  0.
• Chúng tôi đã thực hiện một số kiểu dáng cơ bản bằng cách sử dụng CSS và thêm liên kết vào bảng kiểu

  .container {        
      text-align: center;
  }
  
  button {
    margin-top: 10px;
    padding: 10px 20px;
  }
  

  1 của chúng tôi bên trong phần tử

  .container {        
      text-align: center;
  }
  
  button {
    margin-top: 10px;
    padding: 10px 20px;
  }
  

  2.
• Chúng tôi cũng đã bao gồm tệp JavaScript của chúng tôi

  .container {        
      text-align: center;
  }
  
  button {
    margin-top: 10px;
    padding: 10px 20px;
  }
  

  3 với thẻ

  .container {        
      text-align: center;
  }
  
  button {
    margin-top: 10px;
    padding: 10px 20px;
  }
  

  4 ở phía dưới.

  
  
  
  
  Document




  
    
    Check
    
Result
  

  

.container {        
    text-align: center;
}

button {
  margin-top: 10px;
  padding: 10px 20px;
}

JavaScript

• Chúng tôi đã chọn phần tử

  
  
  
    
    
    
    
    Document
  
  
  
  
    
      
      Check
      
  Result
    
  
    
  
  
  

  4 và phần tử

  
  
  
    
    
    
    
    Document
  
  
  
  
    
      
      Check
      
  Result
    
  
    
  
  
  

  5 bằng phương pháp

  .container {        
      text-align: center;
  }
  
  button {
    margin-top: 10px;
    padding: 10px 20px;
  }
  

  7 và lưu trữ chúng trong các biến

  .container {        
      text-align: center;
  }
  
  button {
    margin-top: 10px;
    padding: 10px 20px;
  }
  

  8 và

  .container {        
      text-align: center;
  }
  
  button {
    margin-top: 10px;
    padding: 10px 20px;
  }
  

  9 tương ứng.
• Chúng tôi đã đính kèm một trình nghe sự kiện

  let btnCheck = document.querySelector["button"];
  let output = document.querySelector["h2"];
  
  let words = ["house", "doctor", "John"];
  let myString = "John is a doctor and he leaves nearby my house";
  
  btnCheck.addEventListener["click", [] => {
    let found = words.every[[item] => myString.includes[item]];
    let result = found ? "Yes" : "No";
    output.innerText = result;
  }];
  

  0 vào phần tử

  
  
  
    
    
    
    
    Document
  
  
  
  
    
      
      Check
      
  Result
    
  
    
  
  
  

  4.
• Chúng tôi có 2 biến toàn cầu

  let btnCheck = document.querySelector["button"];
  let output = document.querySelector["h2"];
  
  let words = ["house", "doctor", "John"];
  let myString = "John is a doctor and he leaves nearby my house";
  
  btnCheck.addEventListener["click", [] => {
    let found = words.every[[item] => myString.includes[item]];
    let result = found ? "Yes" : "No";
    output.innerText = result;
  }];
  

  2 và

  let btnCheck = document.querySelector["button"];
  let output = document.querySelector["h2"];
  
  let words = ["house", "doctor", "John"];
  let myString = "John is a doctor and he leaves nearby my house";
  
  btnCheck.addEventListener["click", [] => {
    let found = words.every[[item] => myString.includes[item]];
    let result = found ? "Yes" : "No";
    output.innerText = result;
  }];
  

  3. Chúng ta cần kiểm tra xem

  let btnCheck = document.querySelector["button"];
  let output = document.querySelector["h2"];
  
  let words = ["house", "doctor", "John"];
  let myString = "John is a doctor and he leaves nearby my house";
  
  btnCheck.addEventListener["click", [] => {
    let found = words.every[[item] => myString.includes[item]];
    let result = found ? "Yes" : "No";
    output.innerText = result;
  }];
  

  2 có chứa nhiều từ có trong ____ 33 & nbsp; mảng không.
• Trong hàm xử lý sự kiện, chúng tôi đang gọi phương thức every[] trên ________ 33 & nbsp; và lặp qua từng phần tử trong mảng. Chúng tôi đang sử dụng

  
  
  
    
    
    
    
    Document
  
  
  
  
    
      
      Check
      
  Result
    
  
    
  
  
  

  0 để kiểm tra xem

  let btnCheck = document.querySelector["button"];
  let output = document.querySelector["h2"];
  
  let words = ["house", "doctor", "John"];
  let myString = "John is a doctor and he leaves nearby my house";
  
  btnCheck.addEventListener["click", [] => {
    let found = words.every[[item] => myString.includes[item]];
    let result = found ? "Yes" : "No";
    output.innerText = result;
  }];
  

  2 có chứa nhiều từ có trong ____ 33 & nbsp; mảng không.
• Sau khi hoàn thành, phương thức every[] sẽ trả về đúng hoặc sai. Chúng tôi đang lưu trữ nó trong ____ 42 & nbsp; biến. & Nbsp; nếu đó là sự thật, điều đó có nghĩa là

  let btnCheck = document.querySelector["button"];
  let output = document.querySelector["h2"];
  
  let words = ["house", "doctor", "John"];
  let myString = "John is a doctor and he leaves nearby my house";
  
  btnCheck.addEventListener["click", [] => {
    let found = words.every[[item] => myString.includes[item]];
    let result = found ? "Yes" : "No";
    output.innerText = result;
  }];
  

  2 có chứa nhiều từ có trong ____ 33 & nbsp; mảng.
• Tùy thuộc vào kết quả của séc, chúng tôi sẽ gán 5 hoặc 6 cho biến 7.
• Chúng tôi đang hiển thị 7 trong phần tử

  
  
  
    
    
    
    
    Document
  
  
  
  
    
      
      Check
      
  Result
    
  
    
  
  
  

  5 bằng thuộc tính

  
  
  
    
    
    
    
    Document
  
  
  
  
    
      
      Check
      
  Result
    
  
    
  
  
  

  7.

let btnCheck = document.querySelector["button"];
let output = document.querySelector["h2"];

let words = ["house", "doctor", "John"];
let myString = "John is a doctor and he leaves nearby my house";

btnCheck.addEventListener["click", [] => {
  let found = words.every[[item] => myString.includes[item]];
  let result = found ? "Yes" : "No";
  output.innerText = result;
}];