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


Tìm kiếm chuỗi JavaScript

Phương pháp tìm kiếm JavaScript

  • Chuỗi chỉ mụcOf ()
  • Chuỗi lastIndexOf ()
  • Chuỗi bắt đầu với ()
  • Chuỗi kết thúcVới ()

Chuỗi JavaScript indexOf ()

Phương indexOf()thức trả về chỉ số của (vị trí của) sự firstxuất hiện của một văn bản được chỉ định trong một chuỗi:

Thí dụ

let str = "Please locate where 'locate' occurs!";
str.indexOf("locate");

Ghi chú

JavaScript đếm các vị trí từ 0.

0 là vị trí đầu tiên trong một chuỗi, 1 là thứ hai, 2 là thứ ba, ...


Chuỗi JavaScript lastIndexOf ()

Phương lastIndexOf()thức trả về chỉ mục của lần xuất hiện cuối cùng của một văn bản được chỉ định trong một chuỗi:

Thí dụ

let str = "Please locate where 'locate' occurs!";
str.lastIndexOf("locate");

Cả hai indexOf()lastIndexOf()trả về -1 nếu không tìm thấy văn bản:

Thí dụ

let str = "Please locate where 'locate' occurs!";
str.lastIndexOf("John");

Cả hai phương thức đều chấp nhận tham số thứ hai làm vị trí bắt đầu cho tìm kiếm:

Thí dụ

let str = "Please locate where 'locate' occurs!";
str.indexOf("locate", 15);

Các lastIndexOf()phương thức tìm kiếm ngược (từ cuối đến đầu), nghĩa là: nếu là tham số thứ hai 15, tìm kiếm bắt đầu ở vị trí 15 và tìm kiếm đến đầu chuỗi.

Thí dụ

let str = "Please locate where 'locate' occurs!";
str.lastIndexOf("locate", 15);

Tìm kiếm chuỗi JavaScript ()

Phương search()thức tìm kiếm một chuỗi cho một giá trị được chỉ định và trả về vị trí của kết quả khớp:

Thí dụ

let str = "Please locate where 'locate' occurs!";
str.search("locate");

Bạn có để ý không?

Hai phương pháp, indexOf()search(), có bằng nhau không?

Họ chấp nhận các đối số (tham số) giống nhau và trả về cùng một giá trị?

Hai phương pháp KHÔNG bằng nhau. Đây là những điểm khác biệt:

  • Phương search()thức không thể nhận đối số vị trí bắt đầu thứ hai.
  • Phương indexOf()thức không thể nhận các giá trị tìm kiếm mạnh mẽ (biểu thức chính quy).

Bạn sẽ tìm hiểu thêm về biểu thức chính quy trong chương sau.



Đối sánh chuỗi JavaScript ()

Phương thức match () tìm kiếm một chuỗi để so khớp với một biểu thức chính quy và trả về các kết quả phù hợp dưới dạng một đối tượng Array.

ví dụ 1

Tìm kiếm một chuỗi cho "ain":

let text = "The rain in SPAIN stays mainly in the plain";
text.match(/ain/g);

Đọc thêm về biểu thức chính quy trong chương JS RegExp .

Ghi chú

Nếu một biểu thức chính quy không bao gồm công cụ sửa đổi g (để thực hiện tìm kiếm toàn cục ), thì phương thức match () sẽ chỉ trả về kết quả phù hợp đầu tiên trong chuỗi.

Cú pháp

string.match(regexp)
regexp Required. The value to search for, as a regular expression.
Returns: An Array, containing the matches, one item for each match, or null if no match is found

Ví dụ 2

Thực hiện tìm kiếm toàn cục, không phân biệt chữ hoa chữ thường cho "ain":

let text = "The rain in SPAIN stays mainly in the plain";
text.match(/ain/gi);

Chuỗi JavaScript bao gồm ()

Phương includes()thức trả về true nếu một chuỗi chứa một giá trị được chỉ định.

Thí dụ

let text = "Hello world, welcome to the universe.";
text.includes("world");

Cú pháp

string.includes(searchvalue, start)
searchvalue Required. The string to search for
start Optional. Default 0. Position to start the search
Returns: Returns true if the string contains the value, otherwise false
JS Version: ES6 (2015)

Kiểm tra xem một chuỗi có bao gồm "world" hay không, bắt đầu tìm kiếm ở vị trí 12:

let text = "Hello world, welcome to the universe.";
text.includes("world", 12);

Hỗ trợ trình duyệt

includes() là một tính năng của ES6 (JavaScript 2015).

Nó được hỗ trợ trong tất cả các trình duyệt hiện đại:

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

includes() không được hỗ trợ trong Internet Explorer.


Chuỗi JavaScript startWith ()

Phương startsWith()thức trả về true nếu một chuỗi bắt đầu bằng một giá trị được chỉ định, nếu không false:

Thí dụ

let text = "Hello world, welcome to the universe.";

text.startsWith("Hello");

Cú pháp

string.startsWith(searchvalue, start)

Giá trị tham số

Parameter Description
searchvalue Required. The value to search for.
start Optional. Default 0. The position to start the search.

Các ví dụ

let text = "Hello world, welcome to the universe.";

text.startsWith("world")    // Returns false
let text = "Hello world, welcome to the universe.";

text.startsWith("world", 5)    // Returns false
let text = "Hello world, welcome to the universe.";

text.startsWith("world", 6)    // Returns true

Ghi chú

Phương startsWith()pháp này có phân biệt chữ hoa chữ thường.


Hỗ trợ trình duyệt

startsWith() là một tính năng của ES6 (JavaScript 2015).

Nó được hỗ trợ trong tất cả các trình duyệt hiện đại:

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

startsWith() không được hỗ trợ trong Internet Explorer.


Chuỗi JavaScript kết thúcVới ()

Phương endsWith()thức trả về true nếu một chuỗi kết thúc bằng một giá trị được chỉ định, nếu không false:

Thí dụ

Kiểm tra xem một chuỗi có kết thúc bằng "Doe" hay không:

var text = "John Doe";
text.endsWith("Doe");

Cú pháp

string.endswith(searchvalue, length)

Giá trị tham số

Parameter Description
searchvalue Required. The value to search for.
length Optional. The length to search.

Kiểm tra 11 ký tự đầu tiên của một chuỗi kết thúc bằng "world":

let text = "Hello world, welcome to the universe.";
text.endsWith("world", 11);

Ghi chú

Phương endsWith()pháp này có phân biệt chữ hoa chữ thường.


Hỗ trợ trình duyệt

endsWith() là một tính năng của ES6 (JavaScript 2015).

Nó được hỗ trợ trong tất cả các trình duyệt hiện đại:

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

endsWith() không được hỗ trợ trong Internet Explorer.


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 chuỗi.