Đang tải... (xem toàn văn)
Bài giảng JavaScript Toán tử và câu lệnh trình bày về toán tử và các loại toán tử trong JavaScript, biểu thức trong JavaScript, các câu lệnh rẽ nhánh trong JavaScript.
JAVASCRIPT Toán tử câu lệnh Mục tiêu Giải thích tốn tử loại tốn tử JavaScript Giải thích biểu thức JavaScript Giải thích câu lệnh rẽ nhánh JavaScript HTML5 / Toán tử câu lệnh Giới thiệu Một tốn tử quy định cụ thể loại hình hành động thực giá trị biến biểu thức JavaScript cung cấp loại khác tốn tử để thực việc tính tốn đơn giản phức tạp Một số toán tử sử dụng để xây dựng câu lệnh logic cấu trúc quan hệ Các câu lệnh cho phép thực việc rẽ nhánh cấu trúc lặp HTML5 / Toán tử câu lệnh Khái niệm toán tử 1-2 Một phép toán hành động thực nhiều giá trị lưu trữ biến Các hành động cụ thể thay đổi giá trị biến tạo giá trị Một hoạt động đòi hỏi tối thiểu biểu tượng số giá trị Biểu tượng gọi toán tử quy định cụ thể loại hành động thực giá trị Giá trị biến mà thao tác thực gọi toán hạng HTML5 / Toán tử câu lệnh Khái niệm toán tử 2-2 Ba loại tốn tử sau: Tốn tử ngơi – Thực tốn hạng Tốn tử ngơi – Thực hai tốn hạng Tốn tử ngơi- Thực ba toán hạng HTML5 / Toán tử câu lệnh Các kiểu toán tử khác Các toán tử giúp đơn giản hóa biểu thức JavaScript cung cấp loạt toán tử định nghĩa trước cho phép thực hoạt động khác Toán tử JavaScript phân thành sáu loại dựa loại hành động mà chúng thực toán hạng HTML5 / Toán tử câu lệnh Arithmetic operators ( Số học) Relational operators (Quan hệ) Logical operators (Logic) Assignment operators(Gán) Bitwise operators(Bit) Special operators(Đặc biệt) Toán tử số học 1-2 Là toán tử hai ngơi Thực phép tính số học hai toán hạng Cho phép bạn thực tính tốn giá trị số chuỗi Danh sách bảng số học Toán tử HTML5 / Toán tử câu lệnh Mơ tả Ví dụ + (Addition) Thực cộng hai số hai chuỗi 45 + 56 - (Subtraction) Thực trừ hai số 76-78 / (Division) Thực chia hai số 24 / % (Modulo) Thực chia hai số lấy phần dư 90 % 20 * (Multiplication) Thực nhân hai số 98 * 10 Tốn tử số học 2-2 Ví dụ var loanAmount = 34500; var interest = 8; var interestAmount, totalAmount; interestAmount = loanAmount * (interest / 100); totalAmount = loanAmount + interestAmount; document.write(“Total amount to be paid ($):” + totalAmount + “”); HTML5 / Toán tử câu lệnh Các toán tử tăng giảm 1-2 Tăng giảm bớt toán hạng đơn vị Toán tử tăng (+ +) làm tăng giá trị, toán tử giảm ( ) làm giảm giá trị Các tốn tử đặt trước sau toán hạng Operator đặt trước toán hạng, thể việc tăng trước giảm trước tính tốn Operator đặt sau tốn hạng, thể việc tăng sau giảm sau tính tốn Bảng sau liệt kê tốn tử tăng giảm (numOne=2) Biểu thức HTML5 / Toán tử câu lệnh Loại numTwo = ++numOne; Tăng trước numTwo = numOne++; Tăng sau numTwo = numOne; Giảm trước numTwo = numOne ; Giảm sau Các toán tử tăng giảm 2-2 Ví dụ var number = 3; alert(‘Number after increment = ‘ + ++number); alert(‘Number after decrement = ‘ + number ); HTML5 / Toán tử câu lệnh 10 Repetition Ký tự ký hiệu mục cho phép ký tự phù hợp mà xuất thường xuyên chuỗi Bảng sau liệt kê biểu tượng phù hợp với mẫu lặp lại khác Biểu tượng Ví dụ /\d{6}/ Matches exactly digits” {x} Phù hợp với x số lần xuất biểu thức quy tắc {x, } Phù hợp với tối thiểu x lần xuất biểu thức quy tắc {x,y} Phù hợp với với số lần xuất đoạn từ x-y biểu thức quy /\d{6,8}/ Matches minimum to maximum digits Phù hợp với số lần xuất tối thiều tối đa /l\s?m/ Matches “lm” or “l m” Phù hợp với số lần xuất tối thiểu tối đa vô /im*/ Matches “i” in “Ice” and “imm” “immaculate”, but nothing in “good” ? * HTML5 / Toán tử câu lệnh Mô tả /\s{4,}/ Matches minimum whitespace characters in 29 Alternation and Grouping Ký tự ký hiệu mục cho phép nhóm ký tự thực thể cá nhân thêm logic 'OR' cho mẫu phù hợp Bảng liệt kê thay đổi luân phiên nhóm biểu tượng ký tự khác Biểu tượng () | HTML5 / Toán tử câu lệnh Mô tả Tổ chức ký tự với nhóm để xác định tập hợp ký tự chuỗi Kết hợp ký tự vào biểu thức quy tắc sau phù hợp với ký tự Ví dụ /(xyz)+(uvw)/ Matches one or more number of occurrences of “xyz” followed by one occurrence of “uvw” /(xy)|(uv)|(st)/ Matches “xy” or “uv” or “st” 30 Các câu lệnh định 1-2 Câu lệnh gọi tập hợp logic biến, tốn tử, từ khóa mà thực hành động cụ thể để thực nhiệm vụ bắt buộc Câu lệnh giúp bạn xây dựng luồng hợp lý kịch Trong JavaScript, câu lệnh kết thúc dấu chấm phẩy JavaScript viết với nhiều câu lệnh, câu lệnh có liên quan nhóm lại với gọi khối mã kèm theo dấu ngoặc xoắn Câu lệnh đưa định cho phép thực định hợp lý để thực khối khác để có kết mong muốn Chúng thực khối lệnh phụ thuộc vào điều kiện Boolean trả true false HTML5 / Toán tử câu lệnh 31 Các câu lệnh định 2-2 HTML5 / Toán tử câu lệnh JavaScript hỗ trợ bốn câu định, cụ thể sau: if if-else if if-else switch 32 Câu lệnh if 1-2 Thực khối lệnh dựa điều kiện Boolean logic Nếu điều kiện đúng, khối theo sau câu lệnh if thực thi Nếu điều kiện sai, khối sau câu lệnh if không thực câu lệnh sau khối thực thi HTML5 / Toán tử câu lệnh 33 Câu lệnh if 2-2 Ví dụ var quantity = prompt(‘Enter quantity of product:’,0); if(quantity < || isNaN(quantity)) { alert(‘Please enter a positive number.’); } HTML5 / Toán tử câu lệnh 34 Câu lệnh if-else 1-2 Câu lệnh if xác định khối câu lệnh thực điều kiện câu lệnh if Đôi cần định nghĩa khối lệnh thực điều kiện đánh giá sai Câu lệnh if-else bắt đầu với khối if, khối else Khối else khóa else theo sau khối lệnh thực điều kiện sai HTML5 / Toán tử câu lệnh 35 Câu lệnh if-else 2-2 Ví dụ var firstNumber = prompt(‘Enter first number:’,0); var secondNumber = prompt(‘Enter second number’,0); var result = 0; if (secondNumber == 0) { alert(‘ERROR Message: Cannot divide by zero.’); } else { result = firstNumber/secondNumber; alert(“Result: “ + result); } HTML5 / Toán tử câu lệnh 36 Câu lệnh if-else-if 1-2 Cho phép bạn kiểm tra nhiều điều kiện định khối khác thực cho trường hợp Luồng thực thi câu lệnh bắt đầu với câu lệnh if nhiều else if cuối khối else tùy chọn Điểm vào thực báo cáo bắt đầu với câu lệnh if Nếu điều kiện câu lệnh if sai, điều kiện else if đánh giá Cấu trúc gọi cấu trúc bậc thang HTML5 / Toán tử câu lệnh 37 Câu lệnh if-else-if 2-2 Ví dụ var percentage = prompt(‘Enter percentage:’,0); if (percentage >= 60) { alert (‘You have obtained the A grade.’); } else if (percentage >= 35 && percentage < 60) { alert (‘You have obtained the B class.’); } else { alert (‘You have failed’); } HTML5 / Toán tử câu lệnh 38 Câu lệnh if lồng 1-2 Bao gồm nhiều câu lệnh if câu lệnh if Luồng thực câu lệnh if lồng bắt đầu với câu lệnh if, gọi câu lệnh if bên Câu lệnh if bên thực thi câu lệnh if bên Mỗi câu lệnh bên thực thi câu lệnh if trước HTML5 / Toán tử câu lệnh 39 Câu lệnh if lồng 2-2 Ví dụ var username = prompt(‘Enter Username:’); var password = prompt(‘Enter Password:’); if (username != “” && password != “”) { if (username == “admin” && password == “admin123”) { alert(‘Login Successful’); } else { alert (‘Login Failed’); } } HTML5 / Toán tử câu lệnh 40 Câu lệnh switch-case 1-2 Một chương trình trở nên khó hiểu có nhiều câu lệnh if Để đơn giản hóa mã tránh sử dụng nhiều câu lệnh if, câu lệnh switch case sử dụng Câu lệnh switch-case cho phép so sánh biến biểu thức với nhiều giá trị HTML5 / Toán tử câu lệnh 41 Câu lệnh switch-case 2-2 Ví dụ var designation = prompt(‘Enter designation:’); switch (designation) { case ‘Manager’: alert (‘Salary: $21000’); break; case ‘Developer’: alert (‘Salary: $16000’); break; default: alert (‘Enter proper designation.’); break; } HTML5 / Toán tử câu lệnh 42 Tổng kết HTML5 / Toán tử câu lệnh Một toán tử quy định cụ thể loại thao tác thực giá trị biến biểu thức Các toán tử JavaScript phân thành sáu loại dựa loại hành động chúng thực tốn hạng Có loại tốn tử có tên sau, Arithmetic, Relational, Logical, Assignment, Bitwise, Special operators Tốn tử JavaScript có mức độ ưu tiên định dựa tự thực chúng xác định Một biểu thức quy tắc mẫu bao gồm tập hợp chuỗi mà chúng khớp với nội dung văn cụ thể Trong JavaScript, có hai cách để tạo biểu thức thông thường cụ thể là, dùng chuỗi biểu thức hàm RegExp() Câu lệnh đưa định cho phép thực định hợp lý để thực khối khác để có kết mong muốn 43 ... HTML5 / Toán tử câu lệnh 38 Câu lệnh if lồng 1-2 Bao gồm nhiều câu lệnh if câu lệnh if Luồng thực câu lệnh if lồng bắt đầu với câu lệnh if, gọi câu lệnh if bên Câu lệnh if bên thực thi câu lệnh. .. HTML5 / Toán tử câu lệnh 34 Câu lệnh if-else 1-2 Câu lệnh if xác định khối câu lệnh thực điều kiện câu lệnh if Đôi cần định nghĩa khối lệnh thực điều kiện đánh giá sai Câu lệnh if-else bắt... (age >= 23))); HTML5 / Toán tử câu lệnh 15 Các toán tử gán Toán tử gán gán giá trị toán hạng bên phải cho toán hạng bên trái cách sử dụng toán tử (=) Toán tử gán đơn giản '=' sử dụng để
