Ví dụ về câu lệnh điều khiển trong JavaScript là gì?

Câu lệnh if-else trong JavaScript được sử dụng để thực thi mã cho dù điều kiện là đúng hay sai. Có ba dạng câu lệnh if trong JavaScript

1. Tuyên bố nếu
2. câu lệnh if other
3. câu lệnh if other if

Câu lệnh JavaScript If

Nó chỉ đánh giá nội dung nếu biểu thức là đúng từ một số biểu thức. Chữ ký của JavaScript nếu câu lệnh if khác được đưa ra bên dưới

Các câu lệnh có điều kiện được sử dụng để quyết định luồng thực thi dựa trên các điều kiện khác nhau. Nếu một điều kiện là đúng, bạn có thể thực hiện một hành động và nếu điều kiện là sai, bạn có thể thực hiện một hành động khác

Các loại câu lệnh điều kiện khác nhau

Có ba loại câu điều kiện chủ yếu trong JavaScript

1. câu lệnh nếu
2. Câu lệnh If…Else
3. Câu lệnh If…Else If…Else

câu lệnh nếu

cú pháp

if (condition)

{

lines of code to be executed if condition is true

}

Bạn có thể sử dụng câu lệnh If nếu bạn chỉ muốn kiểm tra một điều kiện cụ thể

Hãy tự thử điều này

Câu lệnh If…Else

cú pháp

if (condition)

{

lines of code to be executed if the condition is true

}

else

{

lines of code to be executed if the condition is false

}

Bạn có thể sử dụng Nếu…. Câu lệnh khác nếu bạn phải kiểm tra hai điều kiện và thực thi một bộ mã khác

Luồng điều khiển trong JavaScript là cách máy tính của bạn chạy mã từ trên xuống dưới. Nó bắt đầu từ dòng đầu tiên và kết thúc ở dòng cuối cùng, trừ khi nó chạm vào bất kỳ câu lệnh nào làm thay đổi luồng điều khiển của chương trình như vòng lặp, điều kiện hoặc hàm. Trong bài viết này, tôi sẽ giải thích sâu hơn về ba câu lệnh này và cách chúng ảnh hưởng đến luồng điều khiển

vòng lặp

Vòng lặp là các câu lệnh lặp sẽ tiếp tục chạy cho đến khi không còn gì để lặp lại hoặc nếu điều kiện trở thành sai. Có nhiều loại vòng lặp trong JavaScript, nhưng bây giờ tôi sẽ xem qua ba loại trong số chúng. Hãy bắt đầu với vòng lặp được sử dụng phổ biến nhất, vòng lặp

const edm = ['House', 'Dubstep', 'Drum and Bass']while (edm.length > 0) {
 const genre = edm.pop()
 console.log(genre)
}// 'Drum and Bass'
// 'Dubstep'
// 'House'

3.

const edm = ['House', 'Dubstep', 'Drum and Bass']while (edm.length > 0) {
 const genre = edm.pop()
 console.log(genre)
}// 'Drum and Bass'
// 'Dubstep'
// 'House'

3 là một vòng lặp có điều kiện, có nghĩa là nó chạy dựa trên việc một điều kiện nhất định có đúng hay không. Miễn là nó vẫn đúng, mã sẽ tiếp tục thực thi

const edm = ['House', 'Dubstep', 'Drum and Bass']for (let i = 0; i < edm.length; i++) {
 console.log(edm[i])
}// 'House'
// 'Dubstep'
// 'Drum and Bass'

Hãy phá vỡ những gì đang xảy ra ở đây. Cú pháp của vòng lặp

const edm = ['House', 'Dubstep', 'Drum and Bass']while (edm.length > 0) {
 const genre = edm.pop()
 console.log(genre)
}// 'Drum and Bass'
// 'Dubstep'
// 'House'

3 chứa một khai báo biến của

const edm = ['House', 'Dubstep', 'Drum and Bass']while (edm.length > 0) {
 const genre = edm.pop()
 console.log(genre)
}// 'Drum and Bass'
// 'Dubstep'
// 'House'

1 là chỉ số của mảng

const edm = ['House', 'Dubstep', 'Drum and Bass']while (edm.length > 0) {
 const genre = edm.pop()
 console.log(genre)
}// 'Drum and Bass'
// 'Dubstep'
// 'House'

2 mà chúng ta hiện đang lặp lại. Sau đó, chúng tôi có điều kiện kiểm tra xem

const edm = ['House', 'Dubstep', 'Drum and Bass']while (edm.length > 0) {
 const genre = edm.pop()
 console.log(genre)
}// 'Drum and Bass'
// 'Dubstep'
// 'House'

1 có nhỏ hơn độ dài của mảng của chúng tôi hay không, tiếp theo là tăng

const edm = ['House', 'Dubstep', 'Drum and Bass']while (edm.length > 0) {
 const genre = edm.pop()
 console.log(genre)
}// 'Drum and Bass'
// 'Dubstep'
// 'House'

1. Về cơ bản, vòng lặp for đang nói với chính nó “được thôi, chỉ số là 0, miễn là nó nhỏ hơn độ dài của mảng, chúng ta sẽ thực thi mã bên trong khối mã và tăng giá trị của

const edm = ['House', 'Dubstep', 'Drum and Bass']while (edm.length > 0) {
 const genre = edm.pop()
 console.log(genre)
}// 'Drum and Bass'
// 'Dubstep'
// 'House'

1 lên một”. Tuy nhiên, ba câu lệnh trong vòng lặp này là tùy chọn, vì bạn có thể chỉ cần viết

const edm = ['House', 'Dubstep', 'Drum and Bass']while (edm.length > 0) {
 const genre = edm.pop()
 console.log(genre)
}// 'Drum and Bass'
// 'Dubstep'
// 'House'

6, đây sẽ là một vòng lặp vô hạn

Trong khi lặp lại

Vòng lặp

const edm = ['House', 'Dubstep', 'Drum and Bass']while (edm.length > 0) {
 const genre = edm.pop()
 console.log(genre)
}// 'Drum and Bass'
// 'Dubstep'
// 'House'

7 tương tự như vòng lặp

const edm = ['House', 'Dubstep', 'Drum and Bass']while (edm.length > 0) {
 const genre = edm.pop()
 console.log(genre)
}// 'Drum and Bass'
// 'Dubstep'
// 'House'

3 vì nó cũng chạy khi một điều kiện là đúng. Sự khác biệt giữa chúng là bạn sẽ sử dụng vòng lặp

const edm = ['House', 'Dubstep', 'Drum and Bass']while (edm.length > 0) {
 const genre = edm.pop()
 console.log(genre)
}// 'Drum and Bass'
// 'Dubstep'
// 'House'

3 khi bạn đã biết số lần bạn muốn vòng lặp được thực hiện. Vòng lặp

const edm = ['House', 'Dubstep', 'Drum and Bass']while (edm.length > 0) {
 const genre = edm.pop()
 console.log(genre)
}// 'Drum and Bass'
// 'Dubstep'
// 'House'

7 được sử dụng khi bạn không chắc vòng lặp muốn chạy bao nhiêu lần

const edm = ['House', 'Dubstep', 'Drum and Bass']while (edm.length > 0) {
 const genre = edm.pop()
 console.log(genre)
}// 'Drum and Bass'
// 'Dubstep'
// 'House'

Vòng lặp này cho biết “chỉ chạy mã trong khối mã này nếu độ dài của mảng

const edm = ['House', 'Dubstep', 'Drum and Bass']while (edm.length > 0) {
 const genre = edm.pop()
 console.log(genre)
}// 'Drum and Bass'
// 'Dubstep'
// 'House'

2 nhỏ hơn 0. Một vòng lặp vô hạn trong tình huống này sẽ xảy ra nếu điều kiện trong vòng lặp while luôn đúng. Ví dụ

42

Vòng lặp do-while

Rất giống với vòng lặp

const edm = ['House', 'Dubstep', 'Drum and Bass']while (edm.length > 0) {
 const genre = edm.pop()
 console.log(genre)
}// 'Drum and Bass'
// 'Dubstep'
// 'House'

7, vòng lặp này cũng chạy trên điều kiện

const edm = ['House', 'Dubstep', 'Drum and Bass']while (edm.length > 0) {
 const genre = edm.pop()
 console.log(genre)
}// 'Drum and Bass'
// 'Dubstep'
// 'House'

7. Tuy nhiên, nó thực hiện điều kiện sau khi thực tế

4

Ở đây, chúng ta đang nói “này, đăng xuất chuỗi này và chỉ tăng giá trị của

const edm = ['House', 'Dubstep', 'Drum and Bass']while (edm.length > 0) {
 const genre = edm.pop()
 console.log(genre)
}// 'Drum and Bass'
// 'Dubstep'
// 'House'

1 khi

const edm = ['House', 'Dubstep', 'Drum and Bass']while (edm.length > 0) {
 const genre = edm.pop()
 console.log(genre)
}// 'Drum and Bass'
// 'Dubstep'
// 'House'

1 nhỏ hơn 3". Việc sử dụng vòng lặp này sẽ dành cho khi bạn muốn lặp qua một phần tử ít nhất một lần, bất kể điều gì

điều kiện

Câu lệnh điều kiện được thực hiện khi bạn cần 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. Gần đây, chúng tôi đã sử dụng logic loại điều kiện trong các vòng lặp mà chúng tôi đã triển khai, nhưng điều kiện khác với những gì chúng tôi vừa làm việc với. Trong JavaScript, các câu điều kiện mà chúng ta có là các câu lệnh

47,

48,

49 và

if (condition)

{

lines of code to be executed if the condition is true

}

else

{

lines of code to be executed if the condition is false

}

30

Nếu, Khác Nếu, Khác

Câu lệnh

47 được sử dụng khi chúng ta muốn một khối mã được chạy miễn là điều kiện đó đúng. như vậy

if (condition)

{

lines of code to be executed if the condition is true

}

else

{

lines of code to be executed if the condition is false

}

3

Mã này sẽ luôn in ra

if (condition)

{

lines of code to be executed if the condition is true

}

else

{

lines of code to be executed if the condition is false

}

32 vì 4 * 4 luôn bằng 16. Giả sử chúng ta đang viết một thứ gì đó phức tạp hơn một chút và muốn ghi lại một số mã dựa trên một điều kiện khác nếu điều kiện đầu tiên là sai. Đó là nơi mà

48 đến. Điều kiện này chạy khi điều kiện trước nó sai

if (condition)

{

lines of code to be executed if the condition is true

}

else

{

lines of code to be executed if the condition is false

}

8

Trong ví dụ này, chúng tôi đã lặp qua mảng

if (condition)

{

lines of code to be executed if the condition is true

}

else

{

lines of code to be executed if the condition is false

}

34 và có hai điều kiện bên trong nó cho biết rằng nếu chỉ mục của mảng

if (condition)

{

lines of code to be executed if the condition is true

}

else

{

lines of code to be executed if the condition is false

}

34 bằng với

if (condition)

{

lines of code to be executed if the condition is true

}

else

{

lines of code to be executed if the condition is false

}

36, thì hãy ghi lại một chuỗi cụ thể. Trong trường hợp này, chỉ các chuỗi

if (condition)

{

lines of code to be executed if the condition is true

}

else

{

lines of code to be executed if the condition is false

}

36 và

if (condition)

{

lines of code to be executed if the condition is true

}

else

{

lines of code to be executed if the condition is false

}

38 được in.

if (condition)

{

lines of code to be executed if the condition is true

}

else

{

lines of code to be executed if the condition is false

}

39 không phải vì nó chưa bao giờ đáp ứng các yêu cầu về điều kiện. Nếu chúng tôi muốn đặt giá trị mặc định cho câu lệnh

47 này, thì chúng tôi sẽ phải sử dụng

49. Điều kiện

49 chỉ chạy nếu mọi thứ trước đó là sai

const edm = ['House', 'Dubstep', 'Drum and Bass']for (let i = 0; i < edm.length; i++) {
 console.log(edm[i])
}// 'House'
// 'Dubstep'
// 'Drum and Bass'

8

Vì biến

if (condition)

{

lines of code to be executed if the condition is true

}

else

{

lines of code to be executed if the condition is false

}

34 chỉ bằng một chuỗi, hai điều kiện đầu tiên đều sai nên khối mã

49 chỉ chạy

Công tắc điện

Câu lệnh chuyển đổi phục vụ cùng mục đích như câu lệnh

47, tuy nhiên, chúng có phần khác biệt.

if (condition)

{

lines of code to be executed if the condition is true

}

else

{

lines of code to be executed if the condition is false

}

86 lần đầu tiên nhận một biểu thức và đánh giá nó một lần. Nếu bất kỳ trường hợp nào trước đó khớp với biểu thức, thì câu lệnh return trong trường hợp đó sẽ được thực thi

const edm = ['House', 'Dubstep', 'Drum and Bass']while (edm.length > 0) {
 const genre = edm.pop()
 console.log(genre)
}// 'Drum and Bass'
// 'Dubstep'
// 'House'

3

Trong ví dụ này, chúng ta có một hàm lấy một số làm đối số. Bên trong khối mã đó là một câu lệnh chuyển đổi có nhiều trường hợp khác nhau trả về các chuỗi tương ứng với các ngày trong tuần. Ở cuối đoạn trích, chúng tôi gọi hàm

if (condition)

{

lines of code to be executed if the condition is true

}

else

{

lines of code to be executed if the condition is false

}

87 và chuyển vào 4, kết quả được in ra là

if (condition)

{

lines of code to be executed if the condition is true

}

else

{

lines of code to be executed if the condition is false

}

88 vì đó thuộc trường hợp thứ tư. Tốt nhất là sử dụng câu lệnh

if (condition)

{

lines of code to be executed if the condition is true

}

else

{

lines of code to be executed if the condition is false

}

30 khi bạn đang kiểm tra một giá trị và

47,

48 và

49 khi bạn đang kiểm tra nhiều điều kiện

Chức năng

Các hàm là các khối mã có thể được gọi bởi mã khác, bởi chính nó hoặc bởi một biến tham chiếu tới đối tượng hàm đó. Thông thường khi bạn gọi một hàm, nó sẽ nhận một hoặc nhiều đối số và nó có thể tùy ý trả về một giá trị. Chúng ta có thể lấy các ví dụ trước ở trên, áp dụng chúng cho các chức năng và xem điều đó ảnh hưởng như thế nào đến luồng điều khiển của ứng dụng

const edm = ['House', 'Dubstep', 'Drum and Bass']while (edm.length > 0) {
 const genre = edm.pop()
 console.log(genre)
}// 'Drum and Bass'
// 'Dubstep'
// 'House'

0

Trong ví dụ này, chúng ta có hai chức năng mà cả hai đều làm cùng một việc. Mã này rõ ràng là không KHÔ lắm, tuy nhiên tôi cố tình làm điều này để cho bạn thấy luồng điều khiển bị ảnh hưởng như thế nào. Mặc dù hàm

const edm = ['House', 'Dubstep', 'Drum and Bass']for (let i = 0; i < edm.length; i++) {
 console.log(edm[i])
}// 'House'
// 'Dubstep'
// 'Drum and Bass'

83 được khai báo đầu tiên trong mã, hàm thứ hai là hàm đầu tiên được gọi. Vì vậy, khi mã của bạn đang thực thi, nó thấy rằng có hai hàm, nhưng sẽ chỉ chạy chúng khi cuối cùng chúng được gọi. Trong trường hợp này, hàm thứ hai

const edm = ['House', 'Dubstep', 'Drum and Bass']for (let i = 0; i < edm.length; i++) {
 console.log(edm[i])
}// 'House'
// 'Dubstep'
// 'Drum and Bass'

84 là hàm đầu tiên được gọi, vì vậy nó sẽ được thực thi trước

Tất cả các câu lệnh được đề cập này đều ảnh hưởng đến luồng điều khiển vì về cơ bản, chúng tạm dừng mọi thứ khác đang diễn ra cho đến khi các điều kiện đó được đáp ứng và mọi thứ trong phạm vi có thể có thể được thực thi. Nếu bạn muốn mở rộng các khái niệm JS đơn giản này hoặc tìm hiểu thêm về luồng điều khiển, vui lòng xem các tài liệu bên dưới

Câu lệnh kiểm soát JavaScript là gì?

Câu lệnh điều khiển trong JavaScript giải thích bằng ví dụ là gì?

Câu lệnh kiểm soát với ví dụ là gì?

Tất cả các câu lệnh điều khiển trong JavaScript là gì?