Báo cáo môn project 1 đề tài thuật toán javascript và cấu trúc dữ liệu (javascript algorithms and data structures)

ĐẠI HỌC BÁCH KHOA HÀ NỘI VIỆN ĐÀO TẠO LIÊN TỤC -  - BÁO CÁO MƠN PROJECT Đề tài: Thuật tốn JavaScript Cấu trúc liệu (JavaScript Algorithms and Data Structures) Giảng viên hướng dẫn: TS Trần Vĩnh Đức Sinh viên thực hiện: Nguyễn Thị Ngọc Mai - 20219144 Hà Nội, năm 2022 MỤC LỤC CHƯƠNG TỔNG QUAN VỀ JAVASCRIPT 1.1 JavaScript ? 1.2 JavaScript làm gì? 1.3 Cách sử dụng JavaScript 1.4 Cách thực thi lệnh JavaScript 1.5 Vị trí JavaScript trang HTML 1.6 Hiển thị liệu JavaScript lên trình duyệt 1.7 Ghi JavaScript CHƯƠNG BIẾN TRONG JAVASCRIPT 2.1 Cách khai báo biến 2.2 Khai báo nhiều biến đồng thời 2.3 Quy tắc đặt tên biến CHƯƠNG CÁC TOÁN TỬ 3.1 Toán tử toán học JavaScript 3.2 Toán tử gán JavaScript 11 3.3 Toán tử quan hệ JavaScript 12 3.4 Toán tử logic JavaScript 13 CHƯƠNG 4: CÁC KIỂU DỮ LIỆU TRONG JAVASCRIPT 14 4.1 Dữ liệu kiểu string 14 4.2 Dữ liệu kiểu number 15 4.3 Dữ liệu kiểu Boolean 15 4.4 Dữ liệu kiểu object 16 4.5 Dữ liệu kiểu undefined 16 4.6 Dữ liệu kiểu array 16 4.7 Cách xác định kiểu liệu 17 CHƯƠNG HÀM TRONG JAVASCRIPT 17 5.1 Hàm gì? 17 5.2 Phân loại hàm 18 5.3 Cách khai báo gọi hàm tham số 19 5.4 Cách khai báo gọi hàm có tham số 19 5.5 Gọi hàm thông qua kiện 21 5.6 Lệnh return 21 CHƯƠNG CÁC LỆNH TRONG JAVASCRIPT 22 6.1 Lệnh điều kiện 22 6.2 Lệnh switch… case 24 6.3 Vòng lặp while while 25 6.4 Câu lệnh break continue 26 CHƯƠNG SỬ DỤNG ĐỐI TƯỢNG TRONG JAVASCRIPT .29 7.1 Đối tượng JavaScript 29 7.2 Cách khai báo đối tượng 30 7.3 Cách truy cập vào thuộc tính đối tượng 30 7.4 Cách truy cập vào phương thức đối tượng 31 CHƯƠNG CÁC PHƯƠNG THỨC XỬ LÝ MẢNG TRONG JAVASCRIPT .31 8.1 Chuyển mảng dạng chuỗi ký tự 31 8.2 Thêm phần tử vào vị trí cuối mảng 32 8.3 Xóa phần tử vị trí cuối mảng 32 8.4 Thêm phần tử vào vị trí đầu mảng 32 8.5 Xóa phần tử vị trí đầu mảng 33 8.6 Ghép mảng lại với 33 8.7 Trích xuất phần mảng 33 8.8 Xác định số lượng phần tử mảng 34 CHƯƠNG BIỂU THỨC CHÍNH QUY TRONG JAVASCRIPT 34 9.1 Phương thức match 34 9.2 Biểu thức quy 34 CHƯƠNG 10 CÁC LỆNH XỬ LÝ LỖI TRONG JAVASCRIPT 35 10.1 Lệnh try catch 35 10.2 Lệnh throw 36 10.3 Lệnh finally 36 CHƯƠNG TỔNG QUAN VỀ JAVASCRIPT 1.1 JavaScript ? JavaScript (viết tắt JS) ngơn ngữ lập trình kịch phía máy khách, mã lệnh thực thi trình duyệt người dùng JavaScript sử dụng rộng rãi việc kết hợp với HTML/CSS để thiết kế web động 1.2 JavaScript làm gì? JavaScript cung cấp cho designer cơng cụ lập trình HTML khơng phải ngơn ngữ lập trình, JavaScript ngơn ngữ lập trình với cú pháp đơn giản Hầu hết người nhúng đoạn mã JavaScript vào trang HTML làm cho trở nên sinh động JS đưa vào trang HTML đoạn văn mà trước nội dung trang web chưa có JS phản hồi lại với kiện người sử dụng nhấn chuột lên phần tử trang HTML thay đổi giá trị nhập liệu JS đọc thay đổi nội dung phần tử trang HTML JS dùng để kiểm tra liệu trước trình duyệt gửi liệu đến máy chủ Điều giúp cho máy chủ xử lý nhiều JS dùng để phát loại trình duyệt khác để tải phần thiết kế phù hợp với trình duyệt JS dung để sử dụng tạo tập tin cookie lưu trữ truy xuất thơng tin máy tính người truy cập website 1.3 Cách sử dụng JavaScript Để sử dụng JS đơn giản, cần đưa câu lệnh JS vào thẻ HTML Ví dụ: Xuất trình duyệt câu “Hello World!” Ta thêm thẻ HTML vào JS : Để tránh trường hợp số trình duyệt khơng hỗ trợ JS gây lỗi website có sử dụng JS, ta thêm đoạn sau HTML cho nội dung JS 1.4 Cách thực thi lệnh JavaScript JS trang web thực thi lệnh trường hợp sau : TH1 : Thực lệnh trang web tải trình duyệt người sử dụng TH2 : Thực lệnh nhận tác động nhấn nút, di chuyển chuột đưa chuột lên phần tử HTML… Ví dụ : Trường hợp : Trường hợp : 1.5 Vị trí JavaScript trang HTML - Đặt cặp thẻ trang web : - Đặt cặp thẻ trang web : - Đặt tập tin js sau nhúng tập tin vào website Tạo tập tin alert js có nội dung sau : 1.6 Hiển thị liệu JavaScript lên trình duyệt Để in giá trị JS trình duyệt, ta sử dụng câu lệnh đơn giản sau : Cú pháp : document.write(""); Ví dụ : Ta dùng câu lệnh để in giá trị chuỗi, số, thẻ HTML… 1.7 Ghi JavaScript Lập trình đoạn mã khơng đơn giản vài dịng lệnh mà đơi lên đến ngàn dòng lệnh trang web nên ta cần ghi cho dòng lệnh, đoạn mã, đoạn lệnh để người khác đọc hiểu đoạn mã có ý nghĩa Có kiểu ghi thường sử dụng ngơn ngữ lập trình: - Dịng ghi đơn bắt đầu với // - Nhiều dòng ghi bắt đầu /* kết thúc với */ CHƯƠNG BIẾN TRONG JAVASCRIPT 2.1 Cách khai báo biến 2.1.1 Khai báo biến Để khai báo biến (hay gọi tạo biến), ta sử dụng cú pháp sau: var tên biến; Ví dụ, khai báo biến có tên hoten var hoten; 2.1.2 Khai báo giá trị cho biến Sau khai báo, biến chưa gán giá trị mặc định có giá trị undefined Để gán giá trị cho biến, ta sử dụng cú pháp sau: tên biến = giá trị; Ví dụ: Gán giá trị cho biến hoten Nguyễn Văn A 2.1.3 Cập nhật giá trị biến Sau biến gán giá trị, muốn cập nhật cho giá trị ta sử dụng cú pháp sau: tên biến = giá trị mới; Ví dụ: Cập nhật lại giá trị biến hoten thành Nguyễn Văn B ... DỮ LIỆU TRONG JAVASCRIPT 14 4 .1 Dữ liệu kiểu string 14 4.2 Dữ liệu kiểu number 15 4.3 Dữ liệu kiểu Boolean 15 4.4 Dữ liệu kiểu object 16 4.5 Dữ. .. CHƯƠNG CÁC TOÁN TỬ 3 .1 Toán tử toán học JavaScript 3.2 Toán tử gán JavaScript 11 3.3 Toán tử quan hệ JavaScript 12 3.4 Toán tử logic JavaScript 13 CHƯƠNG... QUAN VỀ JAVASCRIPT 1. 1 JavaScript ? 1. 2 JavaScript làm gì? 1. 3 Cách sử dụng JavaScript 1. 4 Cách thực thi lệnh JavaScript 1. 5 Vị trí JavaScript