Hướng dẫn javascript control structures w3schools - cấu trúc điều khiển javascript w3schools

Các câu lệnh có điều kiện được sử dụng để thực hiện các hành động khác nhau dựa trên các điều kiện khác nhau.

Câu điều kiện

Rất thường xuyên khi bạn viết mã, bạn muốn thực hiện các hành động khác nhau cho các quyết định khác nhau.

Bạn có thể sử dụng các câu lệnh có điều kiện trong mã của mình để làm điều này.

Trong JavaScript, chúng tôi có các câu lệnh có điều kiện sau:

• Sử dụng if để chỉ định một khối mã sẽ được thực thi, nếu một điều kiện được chỉ định là đúng
• Sử dụng else để chỉ định một khối mã sẽ được thực thi, nếu điều kiện tương tự là sai
• Sử dụng else if để chỉ định một điều kiện mới để kiểm tra, nếu điều kiện đầu tiên là sai
• Sử dụng switch để chỉ định nhiều khối mã thay thế sẽ được thực thi

Tuyên bố switch được mô tả trong chương tiếp theo.

Câu lệnh if

Sử dụng câu lệnh if để chỉ định một khối mã JavaScript sẽ được thực thi nếu một điều kiện là đúng.

Cú pháp

if (điều kiện) {& nbsp; & nbsp; // & nbsp; khối mã sẽ được thực thi nếu điều kiện là đúng}
  //  block of code to be executed if the condition is true
}

Lưu ý rằng if là trong các chữ cái viết thường. Các chữ cái chữ hoa (nếu hoặc nếu) sẽ tạo ra lỗi JavaScript.

Thí dụ

Hãy chào hỏi một ngày "tốt" nếu giờ nhỏ hơn 18:00:

if (giờ <18) {& nbsp; lời chào = "một ngày tốt lành"; }
  greeting = "Good day";
}

Kết quả của lời chào sẽ là:

Hãy tự mình thử »

Tuyên bố khác

Sử dụng câu lệnh else để chỉ định một khối mã sẽ được thực thi nếu điều kiện là sai.

if (điều kiện) {& nbsp; & nbsp; // & nbsp; khối mã sẽ được thực thi nếu điều kiện là đúng} khác {& nbsp; & nbsp; // & nbsp; khối mã sẽ được thực thi nếu điều kiện là sai}
  //  block of code to be executed if the condition is true
} else {
  //  block of code to be executed if the condition is false
}

Thí dụ

Nếu giờ dưới 18 tuổi, hãy tạo một lời chào "tốt lành", nếu không thì "Chào buổi tối":

if (giờ <18) {& nbsp; & nbsp; chào hỏi = "ngày tốt lành"; } khác {& nbsp; Lời chào = "Chào buổi tối"; }
  greeting = "Good day";
} else {
  greeting = "Good evening";
}

Kết quả của lời chào sẽ là:

Hãy tự mình thử »

Tuyên bố khác

Sử dụng câu lệnh else để chỉ định một khối mã sẽ được thực thi nếu điều kiện là sai.

Cú pháp

if (điều kiện) {& nbsp; & nbsp; // & nbsp; khối mã sẽ được thực thi nếu điều kiện là đúng}
  //  block of code to be executed if condition1 is true
} else if (condition2) {
  //  block of code to be executed if the condition1 is false and condition2 is true
} else {
  //  block of code to be executed if the condition1 is false and condition2 is false
}

Thí dụ

Hãy chào hỏi một ngày "tốt" nếu giờ nhỏ hơn 18:00:

if (giờ <18) {& nbsp; lời chào = "một ngày tốt lành"; }
  greeting = "Good morning";
} else if (time < 20) {
  greeting = "Good day";
} else {
  greeting = "Good evening";
}

Kết quả của lời chào sẽ là:

Hãy tự mình thử »

Tuyên bố khác

Sử dụng câu lệnh else để chỉ định một khối mã sẽ được thực thi nếu điều kiện là sai.
This example will write a link to either W3Schools or to the World Wildlife Foundation (WWF). By using a random number, there is a 50% chance for each of the links.

Bờ rìa

Firefox

Cuộc đi săn
if (hour < 20) {
  document.getElementById("demo").innerHTML = "Good day";
}

Hãy tự mình thử »

Xác thực dữ liệu đầu vào:

var x, văn bản;
if (hour < 20) {
  greeting = "Good day";
} else {
  greeting = "Good evening";
}

Hãy tự mình thử »

Xác thực dữ liệu đầu vào:

var x, văn bản;

// Nhận giá trị của trường đầu vào với id = "numb" x = document.getEuityById ("numb"). Giá trị;

// nếu x không phải là số hoặc nhỏ hơn 1 hoặc lớn hơn 10

Firefox

• Các trang liên quan if to specify a block of code to be executed, if a specified condition is true
• Hướng dẫn JavaScript: JavaScript nếu ... câu lệnh khácelse to specify a block of code to be executed, if the same condition is false
• Hướng dẫn JavaScript: Câu lệnh chuyển đổi JavaScriptelse if to specify a new condition to test, if the first condition is false
• Hỗ trợ trình duyệtswitch to select one of many blocks of code to be executed

if...else là tính năng ECMAScript1 (ES1).

ES1 (JavaScript 1997) được hỗ trợ đầy đủ trong tất cả các trình duyệt:if statement specifies a block of code to be executed if a condition is true:

Trình duyệt Chrome
  // block of code to be executed if the condition is true
}

I Eelse statement specifies a block of code to be executed if the condition is false:

Bờ rìa
  // block of code to be executed if the condition is true
} else {
  // block of code to be executed if the condition is false
}

Firefoxelse if statement specifies a new condition if the first condition is false:

Cuộc đi săn
  // block of code to be executed if condition1 is true
} else if (condition2) {
  // block of code to be executed if the condition1 is false and condition2 is true
} else {
  // block of code to be executed if the condition1 is false and condition2 is false
}

Opera

Đầu ra "một ngày tốt lành" hoặc "chào buổi tối":

Let giờ = ngày mới (). Gethours (); if (giờ <20) {& nbsp; lời chào = "một ngày tốt lành"; } khác {& nbsp; Lời chào = "Chào buổi tối"; }

Thêm ví dụ dưới đây.
if (time < 10) {
  greeting = "Good morning";
} else if (time < 20) {
  greeting = "Good day";
} else {
  greeting = "Good evening";
}

Hãy tự mình thử »

Định nghĩa và cách sử dụng

Câu lệnh IF/ELSE thực thi một khối mã nếu một điều kiện được chỉ định là đúng. Nếu điều kiện là sai, một khối mã khác có thể được thực thi.

Câu lệnh IF/ELSE là một phần của các câu lệnh "có điều kiện" của JavaScript, được sử dụng để thực hiện các hành động khác nhau dựa trên các điều kiện khác nhau.
  x.style.fontSize = "30px";
}

Hãy tự mình thử »

Trong JavaScript, chúng tôi có các câu lệnh có điều kiện sau:

Sử dụng nếu chỉ định một khối mã sẽ được thực thi, nếu một điều kiện được chỉ định là đúng

Sử dụng khác để chỉ định một khối mã sẽ được thực thi, nếu điều kiện tương tự là sai
function changeImage() {
  var image = document.getElementById("myImage");
  if (image.src.match("bulbon")) {
    image.src = "pic_bulboff.gif";
  } else {
    image.src = "pic_bulbon.gif";
  }
}

Hãy tự mình thử »

Sử dụng khác nếu chỉ định một điều kiện mới để kiểm tra, nếu điều kiện đầu tiên là sai

var letter = document.getEuityById ("myInput"). value; var text;
var text;

// nếu chữ cái là "c" if (letter === "c") {& nbsp; Text = "SPOT ON! Công việc tốt!";
if (letter === "c") {
  text = "Spot on! Good job!";

// Nếu chữ cái là "B" hoặc "D"} khác if (Letter === "B" || thư === "d") {& nbsp; văn bản = "Đóng, nhưng không đủ gần.";
} else if (letter === "b" || letter === "d") {
  text = "Close, but not close enough.";

// Nếu chữ cái khác}
} else {
  text = "Waaay off..";
}

Hãy tự mình thử »

Xác thực dữ liệu đầu vào:

var x, văn bản;

// Nhận giá trị của trường đầu vào với id = "numb" x = document.getEuityById ("numb"). Giá trị;
x = document.getElementById("numb").value;

// nếu x không phải là số hoặc nhỏ hơn 1 hoặc lớn hơn 10
// If x is a number between 1 and 10, output "Input OK"

var letter = document.getEuityById ("myInput"). value; var text;
  text = "Input not valid";
} else {
  text = "Input OK";
}

Hãy tự mình thử »

Các trang liên quan

Hướng dẫn JavaScript: JavaScript nếu ... câu lệnh khác

Hướng dẫn JavaScript: Câu lệnh chuyển đổi JavaScript

Hỗ trợ trình duyệt

if...else là tính năng ECMAScript1 (ES1).

ES1 (JavaScript 1997) được hỗ trợ đầy đủ trong tất cả các trình duyệt: