Hướng dẫn JS

JS TRANG CHỦ Giới thiệu JS JS Đến đâu Đầu ra JS Tuyên bố JS Cú pháp JS Bình luận JS Biến JS JS Hãy JS Const Toán tử JS Số học JS Chuyển nhượng JS Các loại dữ liệu JS Các hàm JS Đối tượng JS Sự kiện JS Chuỗi JS Phương thức chuỗi JS Tìm kiếm chuỗi JS Mẫu chuỗi JS Số JS Phương thức số JS Mảng JS Phương thức mảng JS Sắp xếp mảng JS Lặp lại mảng JS JS Array Const JS ngày Định dạng ngày JS Ngày lấy phương thức JS Phương pháp đặt ngày JS Toán JS JS ngẫu nhiên JS Booleans So sánh JS Điều kiện JS Chuyển đổi JS JS Loop cho JS Loop For In JS Loop For Of JS lặp trong khi JS Break JS lặp lại Bộ JS Bản đồ JS JS Typeof Chuyển đổi loại JS JS Bitwise JS RegExp Lỗi JS Phạm vi JS JS Hoists Chế độ nghiêm ngặt JS JS từ khóa này Hàm mũi tên JS Lớp JS JS JSON Gỡ lỗi JS Hướng dẫn kiểu JS Các phương pháp hay nhất về JS JS sai lầm Hiệu suất JS JS dành riêng từ

Phiên bản JS

Phiên bản JS JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Edge Lịch sử JS

Đối tượng JS

Định nghĩa đối tượng Thuộc tính đối tượng Phương thức đối tượng Hiển thị đối tượng Người truy cập đối tượng Trình tạo đối tượng Nguyên mẫu đối tượng Đối tượng lặp lại Bộ đối tượng Bản đồ đối tượng Tham chiếu đối tượng

Các hàm JS

Định nghĩa hàm Tham số chức năng Lời mời hàm Gọi hàm Áp dụng chức năng Chức năng đóng cửa

Lớp JS

Giới thiệu Lớp học Kế thừa giai cấp Lớp tĩnh

JS Async

Gọi lại JS JS không đồng bộ JS hứa JS Async / Await

JS HTML DOM

Giới thiệu DOM Phương thức DOM Tài liệu DOM Phần tử DOM DOM HTML Các biểu mẫu DOM DOM CSS Hoạt ảnh DOM Sự kiện DOM Trình xử lý sự kiện DOM Điều hướng DOM Nút DOM Bộ sưu tập DOM Danh sách nút DOM

BOM trình duyệt JS

Cửa sổ JS Màn hình JS Vị trí JS Lịch sử JS JS Navigator JS Popup Alert Thời gian JS JS Cookies

API web JS

Giới thiệu API Web API biểu mẫu web API lịch sử web API lưu trữ web API công nhân web API tìm nạp web API vị trí địa lý web

JS AJAX

Giới thiệu về AJAX AJAX XMLHttp Yêu cầu AJAX Phản hồi AJAX Tệp XML AJAX AJAX PHP AJAX ASP Cơ sở dữ liệu AJAX Ứng dụng AJAX Ví dụ về AJAX

JS JSON

Giới thiệu JSON Cú pháp JSON JSON so với XML Các loại dữ liệu JSON Phân tích cú pháp JSON JSON Stringify Đối tượng JSON Mảng JSON Máy chủ JSON JSON PHP HTML JSON JSON JSONP

JS so với jQuery

Bộ chọn jQuery jQuery HTML jQuery CSS jQuery DOM

Đồ họa JS

Đồ họa JS JS Canvas JS Plotly JS Chart.js JS Google Chart JS D3.js

Ví dụ về JS

Ví dụ về JS JS HTML DOM Đầu vào HTML JS Đối tượng HTML JS Sự kiện HTML JS Trình duyệt JS Trình chỉnh sửa JS Bài tập JS JS Quiz Chứng chỉ JS

Tham khảo JS

Đối tượng JavaScript Đối tượng DOM HTML


Chuỗi JavaScript

Chuỗi JavaScript dùng để lưu trữ và thao tác văn bản.

Một chuỗi JavaScript không hoặc nhiều ký tự được viết bên trong dấu ngoặc kép.

Thí dụ

let text = "John Doe";

Bạn có thể sử dụng dấu ngoặc kép hoặc đơn:

Thí dụ

let carName1 = "Volvo XC60";  // Double quotes
let carName2 = 'Volvo XC60';  // Single quotes

Bạn có thể sử dụng dấu ngoặc kép bên trong một chuỗi, miễn là chúng không khớp với dấu ngoặc kép xung quanh chuỗi:

Thí dụ

let answer1 = "It's alright";
let answer2 = "He is called 'Johnny'";
let answer3 = 'He is called "Johnny"';

Chiều dài chuỗi

Để tìm độ dài của một chuỗi, hãy sử dụng thuộc lengthtính tích hợp:

Thí dụ

let text = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
let length = text.length;


Nhân vật thoát

Bởi vì chuỗi phải được viết trong dấu ngoặc kép, JavaScript sẽ hiểu sai chuỗi này:

let text = "We are the so-called "Vikings" from the north.";

Chuỗi sẽ được cắt thành "Chúng tôi là cái gọi là".

Giải pháp để tránh vấn đề này là sử dụng ký tự thoát dấu gạch chéo ngược .

Ký tự thoát ( \) gạch chéo ngược biến các ký tự đặc biệt thành ký tự chuỗi:

Code Result Description
\' ' Single quote
\" " Double quote
\\ \ Backslash

Trình tự \"  chèn một dấu ngoặc kép trong một chuỗi:

Thí dụ

let text = "We are the so-called \"Vikings\" from the north.";

Trình tự \'  chèn một dấu ngoặc kép trong một chuỗi:

Thí dụ

let text= 'It\'s alright.';

Chuỗi \\  chèn một dấu gạch chéo ngược trong một chuỗi:

Thí dụ

let text = "The character \\ is called backslash.";

Sáu chuỗi thoát khác hợp lệ trong JavaScript:

Code Result
\b Backspace
\f Form Feed
\n New Line
\r Carriage Return
\t Horizontal Tabulator
\v Vertical Tabulator

6 ký tự thoát ở trên ban đầu được thiết kế để điều khiển máy đánh chữ, máy đánh chữ và máy fax. Chúng không có ý nghĩa gì trong HTML.


Ngắt các dòng mã dài

Để dễ đọc nhất, các lập trình viên thường muốn tránh các dòng mã dài hơn 80 ký tự.

Nếu một câu lệnh JavaScript không nằm trên một dòng, thì vị trí tốt nhất để ngắt câu lệnh đó là sau một toán tử:

Thí dụ

document.getElementById("demo").innerHTML =
"Hello Dolly!";

Bạn cũng có thể chia nhỏ một dòng mã trong một chuỗi văn bản bằng một dấu gạch chéo ngược:

Thí dụ

document.getElementById("demo").innerHTML = "Hello \
Dolly!";

Phương \pháp này không phải là phương pháp ưa thích. Nó có thể không được hỗ trợ phổ biến.
Một số trình duyệt không cho phép khoảng trắng phía sau \ký tự.

Một cách an toàn hơn để chia nhỏ một chuỗi, là sử dụng phép cộng chuỗi:

Thí dụ

document.getElementById("demo").innerHTML = "Hello " +
"Dolly!";

Bạn không thể ngắt dòng mã bằng dấu gạch chéo ngược:

Thí dụ

document.getElementById("demo").innerHTML = \
"Hello Dolly!";

Chuỗi JavaScript dưới dạng đối tượng

Thông thường, các chuỗi JavaScript là các giá trị nguyên thủy, được tạo từ các ký tự:

let x = "John";

Nhưng các chuỗi cũng có thể được định nghĩa là các đối tượng với từ khóa new:

let y = new String("John");

Thí dụ

let x = "John";
let y = new String("John");

Không tạo đối tượng Chuỗi.

Từ newkhóa làm phức tạp mã và làm chậm tốc độ thực thi.

Đối tượng chuỗi có thể tạo ra kết quả không mong muốn:

Khi sử dụng ==toán tử, x và y bằng nhau :

let x = "John";
let y = new String("John");

Khi sử dụng ===toán tử, x và y không bằng nhau :

let x = "John";
let y = new String("John");

Lưu ý sự khác biệt giữa (x==y)(x===y).

(x == y)đúng hay sai?

let x = new String("John");
let y = new String("John");

(x === y)đúng hay sai?

let x = new String("John");
let y = new String("John");

So sánh hai đối tượng JavaScript luôn trả về false .

Tham chiếu chuỗi hoàn chỉnh

Để tham khảo chuỗi đầy đủ, hãy truy cập:

Tham chiếu chuỗi JavaScript hoàn chỉnh .

Tham chiếu chứa các mô tả và ví dụ về tất cả các thuộc tính và phương thức của chuỗi.

Kiểm tra bản thân với các bài tập

Bài tập:

Sử dụng thuộc lengthtính để cảnh báo độ dài của txt.

let txt = "Hello World!";
let x = ;
alert(x);