Trong chương này, bạn sẽ tìm hiểu về các cấu trúc điều khiển trong Javascript. Cấu trúc điều khiển đầu tiên là câu lệnh if-else. Bây giờ chúng ta hãy xem cú pháp và viết một ví dụ cho cùng
câu lệnh if-else.
Cú pháp của câu lệnh if-else.
if [condition1] {
} else if [condition2] {
} else if [condition3] {
} else {
}if-else là cấu trúc điều khiển có điều kiện, giúp thực thi đoạn mã phù hợp hoặc vượt qua điều kiện định sẵn. Và nếu câu lệnh khác đưa ra quyết định. Hãy xem ví dụ bên dưới, chúng ta đang kiểm tra xem người dùng có quyền quản trị hay không
let user = {
name: 'John',
isAdmin: true,
isActive : false
};
if[user.isAdmin === true || user.isActive === true] {
console.log['User has admin access'];
console.log['Execute this part of the code'];
} else {
console.log['User dont have admin access'];
console.log['Execute this part of the code'];
}
// out put
// User has admin access
// Execute this part of the codeCâu lệnh chuyển đổi.
Cú pháp.
switch [condition] {
case '1':
break;
case '2':
break;
case '3':
break;
default:
}Khi một số điều kiện trở nên nhiều hơn, nó sẽ hơi phức tạp với câu lệnh khối if-else. Trong trường hợp đó, câu lệnh Switch có thể được sử dụng để dễ dàng. Hãy cùng xem đoạn mã dưới đây
Mã được chạy theo thứ tự từ dòng đầu tiên trong tệp đến dòng cuối cùng, trừ khi máy tính chạy qua các cấu trúc [cực kỳ thường xuyên] làm thay đổi luồng điều khiển, chẳng hạn như điều kiện và vòng lặp
Ví dụ: hãy tưởng tượng một tập lệnh được sử dụng để xác thực dữ liệu người dùng từ biểu mẫu trang web. Tập lệnh gửi dữ liệu đã được xác thực, nhưng nếu người dùng, chẳng hạn, để trống một trường bắt buộc, thì tập lệnh sẽ nhắc họ điền vào đó. Để làm điều này, tập lệnh sử dụng cấu trúc có điều kiện hoặc
let user = {
name: 'John',
isAdmin: true,
isActive : false
};
if[user.isAdmin === true || user.isActive === true] {
console.log['User has admin access'];
console.log['Execute this part of the code'];
} else {
console.log['User dont have admin access'];
console.log['Execute this part of the code'];
}
// out put
// User has admin access
// Execute this part of the code0, để các mã khác nhau thực thi tùy thuộc vào việc biểu mẫu đã hoàn tất hay chưaif [isEmpty[field]] {
promptUser[];
} else {
submitForm[];
}
Một tập lệnh điển hình trong JavaScript hoặc PHP [và tương tự] bao gồm nhiều cấu trúc điều khiển, bao gồm các điều kiện, vòng lặp và hàm. Các phần của tập lệnh cũng có thể được đặt để thực thi khi các sự kiện xảy ra
Ví dụ: đoạn trích trên có thể nằm trong một chức năng chạy khi người dùng nhấp vào nút Gửi cho biểu mẫu. Hàm này cũng có thể bao gồm một vòng lặp lặp qua tất cả các trường trong biểu mẫu, kiểm tra lần lượt từng trường. Nhìn lại mã trong phần
let user = {
name: 'John',
isAdmin: true,
isActive : false
};
if[user.isAdmin === true || user.isActive === true] {
console.log['User has admin access'];
console.log['Execute this part of the code'];
} else {
console.log['User dont have admin access'];
console.log['Execute this part of the code'];
}
// out put
// User has admin access
// Execute this part of the code1 và let user = {
name: 'John',
isAdmin: true,
isActive : false
};
if[user.isAdmin === true || user.isActive === true] {
console.log['User has admin access'];
console.log['Execute this part of the code'];
} else {
console.log['User dont have admin access'];
console.log['Execute this part of the code'];
}
// out put
// User has admin access
// Execute this part of the code2, các dòng let user = {
name: 'John',
isAdmin: true,
isActive : false
};
if[user.isAdmin === true || user.isActive === true] {
console.log['User has admin access'];
console.log['Execute this part of the code'];
} else {
console.log['User dont have admin access'];
console.log['Execute this part of the code'];
}
// out put
// User has admin access
// Execute this part of the code3 và let user = {
name: 'John',
isAdmin: true,
isActive : false
};
if[user.isAdmin === true || user.isActive === true] {
console.log['User has admin access'];
console.log['Execute this part of the code'];
} else {
console.log['User dont have admin access'];
console.log['Execute this part of the code'];
}
// out put
// User has admin access
// Execute this part of the code4 cũng có thể là lệnh gọi đến các chức năng khác trong tập lệnh. Như bạn có thể thấy, các cấu trúc điều khiển có thể ra lệnh cho các luồng xử lý phức tạp thậm chí chỉ với một vài dòng mãLuồng điều khiển có nghĩa là khi bạn đọc một tập lệnh, bạn không chỉ phải đọc từ đầu đến cuối mà còn phải xem cấu trúc chương trình và cách nó ảnh hưởng đến thứ tự thực hiện
Trong bài viết này, chúng ta sẽ tìm hiểu các Câu lệnh điều khiển trong JavaScript là gì, cách sử dụng các câu lệnh này và cú pháp cho từng câu lệnh. Nhưng trước khi chúng ta chuyển sang phần câu lệnh điều khiển, hãy làm rõ sự hiểu biết của chúng ta về Ngôn ngữ lập trình JavaScript
JavaScript, được biết đến rộng rãi với tên JS, là một ngôn ngữ lập trình cấp cao, nhẹ và hướng đối tượng. JS đã phiên dịch ngôn ngữ lập trình, có nghĩa là khi thực thi, mã JS không tuân theo mà được dịch bởi một trình biên dịch. Trình dịch này dịch mã JS và tải kết quả vào một trang web trên trình duyệt. Công cụ JS là một chương trình máy tính đơn giản thực hiện công việc dịch thuật, nó là Trình thông dịch tiêu chuẩn. JS Engine khai thác hiệu quả lợi thế của việc biên dịch Just-In-Time để có hiệu suất tốt hơn
Bắt đầu khóa học phát triển phần mềm miễn phí của bạn
Phát triển web, ngôn ngữ lập trình, kiểm thử phần mềm và những thứ khác
Một câu lệnh thông thường trong bất kỳ chương trình nào nhằm thực hiện một lệnh hoặc nói, làm một việc gì đó. Các câu lệnh điều khiển giống như các câu lệnh, nhưng có quyền quyết định câu lệnh nào trong số các câu lệnh khác sẽ được thực thi và khi nào. Một ví dụ rất cơ bản, đối với bất kỳ ai hiểu về lập trình, IF-ELSE là một trong những câu lệnh điều khiển. Sức mạnh của các câu lệnh kiểm soát này dựa trên một biểu thức thực hiện công việc đánh giá
Loại câu lệnh kiểm soát trong JavaScript
Về cơ bản, mọi ngôn ngữ lập trình đều có hai loại câu lệnh điều khiển như sau
- Câu điều kiện. dựa trên một biểu thức được thông qua, một câu lệnh có điều kiện đưa ra quyết định, dẫn đến CÓ hoặc KHÔNG
- Câu lệnh lặp [Loop]. Cho đến khi và trừ khi biểu thức hoặc điều kiện đã cho được thỏa mãn, các câu lệnh này sẽ tự lặp lại
ví dụ
hãy hiểu những tuyên bố này cùng với các ví dụ
Gói phát triển phần mềm tất cả trong một[hơn 600 khóa học, hơn 50 dự án]
Giá
Xem khóa học
600+ Khóa học trực tuyến. hơn 50 dự án. Hơn 3000 giờ. Giấy chứng nhận có thể kiểm chứng. Truy cập Trọn đời
4. 6 [82.710 lượt xếp hạng]
1. Câu điều kiện
Đây là nơi quyết định luồng thực thi trong một chương trình. Báo cáo có điều kiện quyết định bước tiếp theo dựa trên kết quả. Câu lệnh điều kiện cho kết quả Đúng hoặc Sai. Bất kể điều kiện nào được thông qua, nếu đúng thì chương trình chuyển sang bước tiếp theo và nếu điều kiện sai thì chương trình chuyển sang bước khác. Các câu lệnh này chỉ được thực hiện một lần, không giống như các câu lệnh Vòng lặp
Sau đây là các loại câu lệnh có điều kiện khác nhau
NẾUkhi bạn muốn kiểm tra một điều kiện cụ thể. Với điều kiện IF, khối mã bên trong được thực thi nếu điều kiện được cung cấp thỏa mãn
cú pháp
if [condition] {
//code block to be executed if condition is satisfied
}một phiên bản mở rộng của IF. Khi bạn muốn kiểm tra một điều kiện cụ thể và hai
cú pháp
if [condition]
{
// code to be executed of condition is true
}
else {
// code to be executed of condition is false
}Như bạn có thể thấy, khi điều kiện được thỏa mãn trong IF-ELSE, khối mã đầu tiên sẽ được thực thi và nếu điều kiện không được thỏa mãn, khối mã thứ hai sẽ được thực thi
CÔNG TẮCCâu lệnh switch tương tự như IF và được sử dụng khi bạn cần thực thi một mã trong số nhiều khả năng thực thi khối mã, dựa trên kết quả của biểu thức được truyền. Các câu lệnh chuyển đổi mang một biểu thức, được so sánh với các giá trị của các trường hợp sau và khi tìm thấy kết quả khớp, mã được liên kết với trường hợp đó sẽ thực thi
cú pháp
switch [expression] {
case a:
//code block to be executed
Break;
case b:
//code block to be executed
Break;
case n:
//code block to be executed
Break;
default:
//default code to be executed if none of the above case is executed
}Đoạn mã trên chứa một biểu thức ngay từ đầu, biểu thức này được kiểm tra và so sánh với các trường hợp bao gồm. Nếu biểu thức được truyền khớp với trường hợp a, khối mã bên trong trường hợp được thực thi. Điều tương tự cũng áp dụng cho trường hợp b và n và khi biểu thức được truyền không khớp với trường hợp nào được đề cập, mã sẽ nhập trường hợp mặc định và mã trong trường hợp mặc định được thực thi
Bây giờ chúng ta đã hiểu về câu điều kiện, hãy cùng tìm hiểu về loại thứ hai, i. e. Báo cáo lặp
2. Tuyên bố lặp đi lặp lại
Vòng lặp, đối với bất kỳ ngôn ngữ lập trình nào, là một công cụ mạnh mẽ để thực hiện lặp đi lặp lại một tập hợp các hướng dẫn, trong khi biểu thức được thông qua được thỏa mãn. Một ví dụ rất cơ bản có thể là in “Xin chào thế giới” trong 10 lần. Bây giờ, viết cùng một câu lệnh in với “Xin chào thế giới“ trong 10 lần liên tục sẽ tốn thời gian và sẽ ảnh hưởng đến thời gian thực hiện. Và đây là nơi vòng lặp có ích. Có ba câu lệnh lặp. WHILE, DO-WHILE và FOR. Hãy hiểu từng cú pháp
TRONG KHImột trong những câu lệnh luồng điều khiển, thực thi một khối mã khi điều kiện được thỏa mãn. Nhưng khác với IF, while tiếp tục lặp lại cho đến khi thỏa mãn điều kiện. Sự khác biệt giữa IF và while có thể là, IF thực thi mã 'nếu' điều kiện được thỏa mãn trong khi while tiếp tục lặp lại cho đến khi điều kiện được thỏa mãn
cú pháp
while [condition]
{
//code block to be executed when condition is satisfied
}Tương tự như vòng lặp while, với một vòng xoắn giữ một điều kiện ở cuối vòng lặp. Còn được gọi là Vòng điều khiển thoát, DO-WHILE thực thi mã và sau đó kiểm tra điều kiện
cú pháp
________số 8Nếu điều kiện ở cuối được thỏa mãn, vòng lặp sẽ lặp lại
VÌmột vòng lặp for sẽ thực thi một khối mã trong một số lần. So với các vòng lặp khác, FOR ngắn hơn và dễ gỡ lỗi vì nó chứa phần khởi tạo, điều kiện và tăng hoặc giảm trong một dòng
cú pháp
for [initialize; condition; increment/decrement]
{
//code block to be executed
}Với khởi tạo, nó bắt đầu vòng lặp, ở đây một biến được khai báo được sử dụng. Sau đó, điều kiện thoát cho vòng lặp được kiểm tra trong phần điều kiện. Khi điều kiện này trả về true, khối mã bên trong được thực thi. Trong trường hợp, nếu điều kiện trả về sai hoặc không thành công, nó sẽ chuyển sang phần tăng/giảm và biến được gán giá trị cập nhật. Các giá trị được cập nhật cho đến khi điều kiện được thỏa mãn
Sự kết luận
JavaScript có hai loại câu lệnh điều khiển. Điều kiện và Lặp lại [Vòng lặp] với cách sử dụng cụ thể của chúng. Chúng ta đã học về các câu điều kiện như IF, IF-ELSE và SWITCH, cùng với các cú pháp tương ứng của chúng. Và đối với Câu lệnh lặp, chúng ta đã học về WHILE, DO-WHILE và FOR cùng với các cú pháp. Một điều kiện được thông qua và kiểm tra cho đến khi thỏa mãn
Bài viết được đề xuất
Đây là hướng dẫn về Câu lệnh điều khiển trong JavaScript. Ở đây chúng tôi thảo luận về phần giới thiệu và các loại câu lệnh điều khiển trong javascript bao gồm câu lệnh điều kiện và câu lệnh lặp. Bạn cũng có thể xem qua các bài viết được đề xuất khác của chúng tôi để tìm hiểu thêm –