JavaScript, JavaScript là một ngôn ngữ lập trình nhẹ, được thông dịch với các khả năng hướng đối tượng cho phép bạn xây dựng tính tương tác thành HTM tĩnh.

Bạn đang xem: câu lệnh điều khiển trong javascript

JavaScript

Quảng cáo

Giới thiệu

JavaScript là một ngôn ngữ lập trình nhẹ, được thông dịch với các khả năng hướng đối tượng cho phép bạn xây dựng tính tương tác vào các trang HTML tĩnh.

Mã JavaScript không được biên dịch mà được dịch bởi người dịch. Trình dịch này được nhúng vào trình duyệt và chịu trách nhiệm dịch mã javascript.

Điểm chính

  • Đây là ngôn ngữ lập trình thông dịch, nhẹ.

  • Nó được thiết kế để tạo các ứng dụng tập trung vào mạng.

  • Nó bổ sung và được tích hợp với Java.

  • Nó bổ sung và được tích hợp với HTML

  • Đây là một nền tảng mở và đa nền tảng

Câu lệnh JavaScript

Các câu lệnh JavaScript là các lệnh để thông báo cho trình duyệt biết hành động cần thực hiện. Các câu lệnh được phân tách bằng dấu chấm phẩy (;).

Câu lệnh JavaScript tạo thành mã JavaScript được trình duyệt dịch từng dòng.

Ví dụ về câu lệnh JavaScript:

document.getElementById ("demo"). innerHTML = "Chào mừng";

Bảng sau đây hiển thị các Câu lệnh JavaScript khác nhau –

Sr.No.
StatementDescription
1. trường hợp chuyển mạch Một khối các câu lệnh trong đó việc thực thi mã phụ thuộc vào các trường hợp khác nhau. Trình thông dịch kiểm tra từng trường hợp so với giá trị của biểu thức cho đến khi tìm thấy một kết quả phù hợp. Nếu không có gì phù hợp, điều kiện mặc định sẽ được sử dụng.
2.If else Câu lệnh if là câu lệnh điều khiển cơ bản cho phép JavaScript đưa ra quyết định và thực thi các câu lệnh một cách có điều kiện.
3.While Mục đích của vòng lặp while là thực hiện lặp đi lặp lại một câu lệnh hoặc khối mã miễn là biểu thức là đúng. Khi biểu thức trở thành sai, vòng lặp sẽ bị thoát.
4.do while Khối các câu lệnh được thực thi ít nhất một lần và tiếp tục được thực thi trong khi điều kiện là true.
5.forSame as while nhưng khởi tạo, điều kiện và tăng / giảm được thực hiện trên cùng một dòng.
6.for in Vòng lặp này được sử dụng để lặp qua các thuộc tính của một đối tượng.
7.continue Câu lệnh continue yêu cầu trình thông dịch bắt đầu ngay lập tức lần lặp tiếp theo của vòng lặp và bỏ qua khối mã còn lại.
8.break Câu lệnh break được sử dụng để thoát khỏi một vòng lặp sớm, thoát ra khỏi các dấu ngoặc nhọn bao quanh.
9. Chức năng Một hàm là một nhóm mã có thể sử dụng lại có thể được gọi ở bất kỳ đâu trong chương trình của bạn. Hàm từ khóa được sử dụng để khai báo một hàm.
Câu lệnh 10.returnReturn được sử dụng để trả về một giá trị từ một hàm.
11.var Dùng để khai báo một biến.
12.try Một khối các câu lệnh mà xử lý lỗi được thực hiện.
13.catch Một khối các câu lệnh được thực thi khi xảy ra lỗi.
14.throwĐược sử dụng để ném một lỗi.

Nhận xét JavaScript

JavaScript hỗ trợ cả nhận xét kiểu C và kiểu C ++, do đó:

  • Mọi văn bản giữa // và cuối dòng đều được coi là nhận xét và bị JavaScript bỏ qua.

  • Bất kỳ văn bản nào giữa các ký tự / * và * / đều được coi là một nhận xét. Điều này có thể kéo dài nhiều dòng.

  • JavaScript cũng nhận dạng trình tự mở nhận xét HTML & lt;! -. JavaScript coi đây là một nhận xét một dòng, cũng giống như // nhận xét. – & gt;

  • Trình tự đóng nhận xét HTML – & gt; không được JavaScript nhận dạng vì vậy nó phải được viết là // – & gt ;.

Ví dụ

& lt; script language = "javascript" type = "text / javascript" & gt;
   & lt;! -

      // đây là một bình luận. Nó tương tự như nhận xét trong C ++

      / *
         * Đây là một nhận xét nhiều dòng trong JavaScript
         * Nó rất giống với comment trong Lập trình C
      * /
   // - & gt;
& lt; script & gt;

Biến JavaScript

Các biến được gọi là vùng chứa được đặt tên để lưu trữ thông tin. Chúng tôi có thể đặt dữ liệu vào các vùng chứa này và sau đó tham chiếu đến dữ liệu chỉ bằng cách đặt tên cho vùng chứa.

Quy tắc khai báo biến trong JavaScript

Dưới đây là các quy tắc quan trọng cần phải tuân theo khi khai báo một biến trong JavaScript.

  • Trong JavaScript, tên biến có phân biệt chữ hoa chữ thường, nghĩa là a khác với A.

  • Tên biến chỉ có thể được bắt đầu bằng dấu gạch dưới (_) hoặc chữ cái (từ a đến z hoặc A đến Z) hoặc ký hiệu đô la ($).

  • Chỉ có thể sử dụng các số (0 đến 9) sau một chữ cái.

  • Không cho phép ký tự đặc biệt nào khác trong tên biến.

Xem Thêm  Python Slicing in Depth - làm thế nào để cắt lát trong trăn

Trước khi bạn sử dụng một biến trong chương trình JavaScript, bạn phải khai báo nó. Các biến được khai báo với từ khóa var như sau –

& lt; script type = "text / javascript" & gt;
   & lt;! -
      tiền var;
      var tên, tuổi;
   // - & gt;
& lt; / script & gt;

Các biến có thể được khởi tạo tại thời điểm khai báo hoặc sau khi khai báo như sau –

& lt; script type = "text / javascript" & gt;
   & lt;! -
      var name = "Ali";
      tiền var;
      tiền = 2000,50;
   // - & gt;
& lt; / script & gt;

Loại dữ liệu Javascript

Có hai loại dữ liệu như được đề cập bên dưới –

  • Loại dữ liệu ban đầu

  • Loại Dữ liệu Không Nguyên thủy

Bảng sau mô tả Các kiểu dữ liệu ban đầu có sẵn trong javaScript

Mô tả Sr.No.Datype
1. Chuỗi

Có thể chứa các nhóm ký tự dưới dạng giá trị đơn lẻ. Nó được biểu diễn trong dấu ngoặc kép. var x = “hướng dẫn”.

2. Số

Chứa các số có hoặc không có số thập phân. Ví dụ. var x = 44, y = 44,56;

3. Booleans

Chỉ chứa hai giá trị đúng hoặc sai. Ví dụ. var x = true, y = false.

4. Không xác định

Biến không có giá trị được gọi là Không xác định. Ví dụ. var x;

5. Null

Nếu chúng ta gán null cho một biến, nó sẽ trở nên trống. Ví dụ. var x = null;

Bảng sau mô tả Các kiểu dữ liệu không nguyên thủy trong javaScript

Mô tả Sr.No.Datype
1. Mảng
Có thể chứa các nhóm giá trị cùng kiểu. Ví dụ. var x = {1,2,3,55};
2. Đối tượng
Các đối tượng được lưu trữ trong cặp thuộc tính và giá trị. Ví dụ. var chữ nhật = {chiều dài: 5, chiều rộng: 3};

Các hàm JavaScript

Hàm là một nhóm các câu lệnh có thể sử dụng lại (Mã) có thể được gọi bất kỳ vị trí nào trong chương trình. Trong javascript, từ khóa function được sử dụng để khai báo hoặc định nghĩa một hàm.

Điểm chính

  • Để xác định một hàm, hãy sử dụng từ khóa function theo sau là tên hàm, theo sau là dấu ngoặc đơn ().

  • Trong dấu ngoặc đơn, chúng tôi xác định các tham số hoặc thuộc tính.

  • Nhóm câu lệnh reusabe (mã) được đặt trong dấu ngoặc nhọn {}. Mã này được thực thi bất cứ khi nào hàm được gọi.

Cú pháp

function tên hàm (p1, p2) {
   mã hóa chức năng…
}

Toán tử JavaScript

Các toán tử được sử dụng để thực hiện thao tác trên một, hai hoặc nhiều toán hạng. Toán tử được biểu thị bằng ký hiệu như +, =, *,%, v.v. Sau đây là các toán tử được javascript hỗ trợ –

  • Các toán tử số học

  • Toán tử So sánh

  • Toán tử lôgic (hoặc quan hệ)

  • Người điều hành nhiệm vụ

  • Toán tử có điều kiện (hoặc bậc ba)

  • Các toán tử số học

Toán tử số học

Bảng sau hiển thị tất cả các toán tử số học được javascript hỗ trợ –

OperatorDescriptionExample
+ Thêm hai toán hạng. 10 + 10 sẽ cho 20
-Gắn toán hạng thứ hai với toán hạng đầu tiên. 10 – 10 sẽ cho 0
* Nhân hai toán hạng. 10 * 30 sẽ cho 300
/ Chia tử số cho mẫu số 10/10 sẽ được 1
% Nó được gọi là toán tử mô đun và cho phần còn lại của phép chia. 10% 10 sẽ cho 0
++ Toán tử tăng dần, tăng giá trị số nguyên lên một10 ++ sẽ cho 11
– Toán tử giải thích, giảm giá trị số nguyên đi một10 – sẽ cho 9

Toán tử so sánh

Bảng sau đây hiển thị tất cả các toán tử so sánh được hỗ trợ bởi javascript –

OperatorDescriptionExample
== Kiểm tra xem giá trị của hai toán hạng có bằng nhau hay không, Nếu có thì điều kiện trở thành true. 10 == 10 sẽ cho kết quả true
! = Không bằng toán tử
Kiểm tra xem giá trị của hai toán hạng có bằng nhau hay không, nếu các giá trị không bằng nhau thì điều kiện trở thành true. 10! = 10 sẽ cho sai
& gt; Toán tử Greater Than
Kiểm tra xem giá trị của toán hạng bên trái có lớn hơn giá trị của toán hạng bên phải hay không, nếu có thì điều kiện trở thành true.
20 & gt; 10 sẽ cho đúng
& lt; Toán tử nhỏ hơn
Kiểm tra xem giá trị của toán hạng bên trái có nhỏ hơn giá trị của toán hạng bên phải hay không, nếu có thì điều kiện trở thành true.10 & lt; 20 sẽ cho đúng
& gt; = Toán tử lớn hơn hoặc bằng
Kiểm tra xem giá trị của toán hạng bên trái có lớn hơn hoặc bằng giá trị của toán hạng bên phải hay không, nếu có thì điều kiện trở thành đúng.
10 & gt; = 20 sẽ cho sai
& lt; = Nhỏ hơn hoặc bằng toán tử
Kiểm tra xem giá trị của toán hạng bên trái có nhỏ hơn hoặc bằng giá trị của toán hạng bên phải hay không, nếu có thì điều kiện trở thành đúng.
10 & lt; = 20 sẽ cho đúng.

Xem Thêm  Làm thế nào để đảo ngược một chuỗi trong Python - cách đảo ngược một từ trong python

Toán tử lôgic

Bảng sau hiển thị tất cả các toán tử logic được javascript hỗ trợ –

OperatorDescriptionExample
& amp; & amp; Toán tử AND logic trả về true nếu cả hai toán hạng đều khác 0. 10 & amp; & amp; 10 sẽ cho đúng.
|| Toán tử OR logic trả về true Nếu bất kỳ toán hạng nào khác 010 || 0 sẽ cho đúng.
Toán tử logic NOT bổ sung cho trạng thái logic của toán hạng của nó.! (10 & amp; & amp; 10) sẽ cho sai.

Người điều hành nhiệm vụ

Bảng sau hiển thị tất cả các toán tử gán được hỗ trợ bởi javascript –

OperatorDescriptionExample
= Toán tử gán đơn giản
Gán giá trị từ toán hạng bên phải cho toán hạng bên trái.C = A + B sẽ gán giá trị của A + B thành C
+ = Thêm toán tử gán AND
Nó thêm toán hạng bên phải vào toán hạng bên trái và gán kết quả cho toán hạng bên tráiC + = A tương đương với C = C + A
– = Trừ toán tử gán AND
Nó trừ toán hạng bên phải khỏi toán hạng bên trái và gán kết quả cho toán hạng bên tráiC – = A tương đương với C = C – A
* = Nhân toán hạng AND
Nó nhân toán hạng bên phải với toán hạng bên trái và gán kết quả cho toán hạng bên tráiC * = A tương đương với C = C * A
/ = Toán tử gán AND
Nó chia toán hạng bên trái với toán hạng bên phải và gán kết quả cho toán hạng bên tráiC / = A tương đương với C = C / A
% = Toán tử gán mô-đun AND
Toán tử gán mô-đun AND, Cần mô-đun sử dụng hai toán hạng và gán kết quả cho toán hạng bên tráiC% = A tương đương với C = C% A

Nhà khai thác có điều kiện

Nó còn được gọi là toán tử bậc ba, vì nó có ba toán hạng.

OperatorDescriptionExample
?: Biểu thức có điều kiệnNếu điều kiện là đúng? Sau đó giá trị X: Ngược lại giá trị Y

Cấu trúc điều khiển

Cấu trúc điều khiển thực sự điều khiển luồng thực thi của một chương trình. Sau đây là một số cấu trúc điều khiển được hỗ trợ bởi javascript.

  • nếu… khác

  • trường hợp chuyển đổi

  • vòng lặp do while

  • vòng lặp while

  • vòng lặp for

Nếu… khác

Câu lệnh if là câu lệnh điều khiển cơ bản cho phép JavaScript đưa ra quyết định và thực thi câu lệnh một cách có điều kiện.

Cú pháp

if (biểu thức) {
   (Các) câu lệnh sẽ được thực thi nếu biểu thức là true
}

Ví dụ

& lt; script type = "text / javascript" & gt;
   & lt;! -
      var tuổi = 20;
      nếu (tuổi & gt; 18) {
         document.write ("& lt; b & gt; Đủ điều kiện lái xe & lt; / b & gt;");
      }
   // - & gt;
& lt; / script & gt;

Hộp chuyển đổi

Cú pháp cơ bản của câu lệnh switch là đưa ra một biểu thức để đánh giá và một số câu lệnh khác nhau để thực thi dựa trên giá trị của biểu thức. Trình thông dịch kiểm tra từng trường hợp so với giá trị của biểu thức cho đến khi tìm thấy một kết quả phù hợp. Nếu không có gì phù hợp, điều kiện mặc định sẽ được sử dụng.

Cú pháp

switch (biểu thức) {
   điều kiện trường hợp 1: (các) câu lệnh
                    phá vỡ;
   trường hợp điều kiện 2: (các) câu lệnh
                    phá vỡ;
   ...
   case condition n: (các) câu lệnh
                    phá vỡ;
   default: (các) câu lệnh
}

Ví dụ

& lt; script type = "text / javascript" & gt;
   & lt;! -
      var grade = 'A';
      document.write ("Nhập khối chuyển đổi & lt; br / & gt;");
      chuyển đổi (lớp) {
         case 'A': document.write ("Làm tốt lắm & lt; br / & gt;");
            phá vỡ;
         case 'B': document.write ("Khá tốt & lt; br / & gt;");
            phá vỡ;
         case 'C': document.write ("Đạt & lt; br / & gt;");
            phá vỡ;
         case 'D': document.write ("Không tốt lắm & lt; br / & gt;");
            phá vỡ;
         case 'F': document.write ("Không thành công & lt; br / & gt;");
            phá vỡ;
         default: document.write ("Lớp không xác định & lt; br / & gt;")
      }
      document.write ("Thoát khối chuyển mạch");
   // - & gt;
& lt; / script & gt;

Thực hiện vòng lặp trong khi

Vòng lặp do … while tương tự như vòng lặp while ngoại trừ việc kiểm tra điều kiện xảy ra ở cuối vòng lặp. Điều này có nghĩa là vòng lặp sẽ luôn được thực hiện ít nhất một lần, ngay cả khi điều kiện sai.

Cú pháp

làm{
   (Các) câu lệnh sẽ được thực thi;
} while (biểu thức);

Ví dụ

& lt; script type = "text / javascript" & gt;
   & lt;! -
      var count = 0;
      document.write ("Vòng lặp Bắt đầu" + "& lt; br / & amp; gt");
      làm{
         document.write ("Số lượng Hiện tại:" + count + "& lt; br / & amp; gt");
         tính ++;
      } while (đếm & lt; 0);
      document.write ("Đã dừng vòng lặp!");
   // - & gt;
& lt; / script & gt;

Điều này sẽ tạo ra kết quả sau –

Bắt đầu vòng lặp
Số lượng hiện tại: 0
Đã dừng vòng lặp!

Vòng lặp trong khi

Mục đích của vòng lặp while là thực thi một câu lệnh hoặc khối mã lặp đi lặp lại miễn là biểu thức là đúng. Khi biểu thức trở thành sai, vòng lặp sẽ bị thoát.

Xem Thêm  Làm thế nào để làm cho JavaScript thực thi sau khi tải trang? - javascript khi tải trang

Cú pháp

while (biểu thức) {
   (Các) câu lệnh sẽ được thực thi nếu biểu thức là true
}

Ví dụ

& lt; script type = "text / javascript" & gt;
   & lt;! -
      var count = 0;
      document.write ("Vòng lặp Bắt đầu" + "& lt; br / & gt;");
      trong khi (đếm & lt; 10) {
         document.write ("Số lượng hiện tại:" + count + "& lt; br / & gt;");
         tính ++;
      }
      document.write ("Đã dừng vòng lặp!");
   // - & gt;
& lt; / script & gt;

Điều này sẽ tạo ra kết quả sau –

Bắt đầu vòng lặp
Số lượng hiện tại: 0
Số lượng hiện tại: 1
Số lượng hiện tại: 2
Số lượng hiện tại: 3
Số lượng hiện tại: 4
Số lượng hiện tại: 5
Số lượng hiện tại: 6
Số lượng hiện tại: 7
Số lượng hiện tại: 8
Số lượng hiện tại: 9
Đã dừng vòng lặp!

Vòng lặp dành cho

Vòng lặp for là dạng vòng lặp nhỏ gọn nhất và bao gồm ba phần quan trọng sau –

  • Khởi tạo vòng lặp trong đó chúng tôi khởi tạo bộ đếm của mình thành giá trị bắt đầu. Câu lệnh khởi tạo được thực thi trước khi bắt đầu vòng lặp.

  • Câu lệnh kiểm tra sẽ kiểm tra xem điều kiện đã cho có đúng hay không. Nếu điều kiện là đúng thì mã được đưa ra bên trong vòng lặp sẽ được thực thi, ngược lại, vòng lặp sẽ xuất hiện.

  • Câu lệnh lặp trong đó bạn có thể tăng hoặc giảm bộ đếm của mình.

Cú pháp

for (khởi tạo; điều kiện kiểm tra; câu lệnh lặp) {
   (Các) câu lệnh sẽ được thực thi nếu điều kiện kiểm tra là đúng
}

Ví dụ

& lt; script type = "text / javascript" & gt;
   & lt;! -
      số lượng var;
      document.write ("Vòng lặp Bắt đầu" + "& lt; br / & gt;");
      for (count = 0; count & lt; 10; count ++) {
         document.write ("Số lượng hiện tại:" + số lượng);
         document.write ("& lt; br / & gt;");
      }
      document.write ("Đã dừng vòng lặp!");
   // - & gt;
& lt; / script & gt;

Điều này sẽ tạo ra kết quả sau tương tự như vòng lặp while –

Bắt đầu vòng lặp
Số lượng hiện tại: 0
Số lượng hiện tại: 1
Số lượng hiện tại: 2
Số lượng hiện tại: 3
Số lượng hiện tại: 4
Số lượng hiện tại: 5
Số lượng hiện tại: 6
Số lượng hiện tại: 7
Số lượng hiện tại: 8
Số lượng hiện tại: 9
Đã dừng vòng lặp!

Tạo chương trình mẫu

Sau đây là chương trình mẫu hiển thị thời gian khi chúng ta nhấp vào nút.

& lt; html & gt;
   & lt; body & gt;
      & lt; button onclick = "this.innerHTML = Date ()" & gt; Hiện tại là? & lt; / button & gt;
      & lt; p & gt; Nhấp để hiển thị ngày. & lt; / p & gt;
      & lt; button onclick = "displayDate ()" & gt; Hiện tại là? & lt; / button & gt;
      & lt; script & gt;
         function displayDate () {
            document.getElementById ("demo"). innerHTML = Date ();
         } & lt; / script & gt;

         & lt; p id = "demo" & gt; & lt; / p & gt;
      & lt; / script & gt;
   & lt; / body & gt;
& lt; / html & gt;

Đầu ra

Quảng cáo


Xem thêm những thông tin liên quan đến chủ đề câu lệnh điều khiển trong javascript

Bài 3: Câu lệnh điều kiện trong JavaScript

  • Tác giả: Gola – Góc làm web
  • Ngày đăng: 2018-03-29
  • Đánh giá: 4 ⭐ ( 8485 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: ⭐️ Trong bài này, chúng ta sẽ tìm hiểu về câu lệnh điều kiện trong JavaScript. Bao gồm IF, IF-ELSE, IF-ELSE IF-ELSE, SWITCH- CASE. Tất cả các trường hợp sẽ có ví dụ minh họa và code mẫu.

    ⭐️ ⭐️ Bài viết hướng dẫn và code mẫu: https://goclamweb.com/bai-3-cau-lenh-dieu-kien-trong-javascript/

Câu Lệnh Điều Khiển

  • Tác giả: www.codehub.com.vn
  • Đánh giá: 4 ⭐ ( 6180 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Câu lệnh điều khiển dùng để điều khiển luồng chạy của một số câu lệnh trong Javascript. Ví dụ như khi bạn muốn hiển thị kết quả xếp loại của học sinh (khá, giỏi, trung bình…) dựa trên số điểm tổng kết của người đó.

    ## Câu Lệnh IF ##
    V&…

【Javascript cơ bản】Bài 4:Cấu trúc lệnh điều kiện trong Javascript

  • Tác giả: edu.com.vn
  • Đánh giá: 3 ⭐ ( 3829 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Các câu trúc lệnh điều khiển trong Javascript

  • Tác giả: viblo.asia
  • Đánh giá: 3 ⭐ ( 6977 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Bất kỳ một ngôn ngữ lập trình nào cũng có các câu lệnh được xây dựng sẵn dùng để thực thi các dòng code theo các yêu cầu được chỉ định, JavaScript cũng không ngoại lệ. Không dài dòng nữa, chúng ta cù…

Câu lệnh điều kiện trong JavaScript

  • Tác giả: laptrinhtudau.com
  • Đánh giá: 4 ⭐ ( 5064 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Câu lệnh điều kiện trong JavaScript – Lập Trình Từ Đầu 1 JavaScript Căn Bản

Các câu trúc lệnh điều khiển trong Javascript

  • Tác giả: aithietke.com
  • Đánh giá: 4 ⭐ ( 7310 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Các lệnh điều khiển và vòng lặp trong JavaScript

  • Tác giả: www.voer.edu.vn
  • Đánh giá: 5 ⭐ ( 2472 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Các lệnh điều khiển và vòng lặp trong JavaScript (giáo trình – tài liệu – học liệu từ VOER)

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

By ads_php