Thuộc tính
var filename = url.substring[url.lastIndexOf['/']+1];
alert[filename];
0 của giao diện var filename = url.substring[url.lastIndexOf['/']+1];
alert[filename];
1 đại diện cho một vị trí trong cấu trúc phân cấp. Nó là một chuỗi được xây dựng từ danh sách các đoạn đường dẫn, mỗi đoạn được bắt đầu bằng một ký tự var filename = url.substring[url.lastIndexOf['/']+1];
alert[filename];
2. Nếu URL không có phân đoạn đường dẫn, giá trị của thuộc tính var filename = url.substring[url.lastIndexOf['/']+1];
alert[filename];
0 của nó sẽ là chuỗi trốngCác URL chẳng hạn như
var filename = url.substring[url.lastIndexOf['/']+1];
alert[filename];
4 và var filename = url.substring[url.lastIndexOf['/']+1];
alert[filename];
5 URL có lược đồ phân cấp [mà tiêu chuẩn URL gọi là "lược đồ đặc biệt"] luôn có ít nhất một đoạn đường dẫn [ẩn]. chuỗi rỗng. Do đó, giá trị var filename = url.substring[url.lastIndexOf['/']+1];
alert[filename];
0 cho các URL "lược đồ đặc biệt" như vậy không bao giờ có thể là chuỗi trống mà thay vào đó sẽ luôn có ít nhất một ký tự var filename = url.substring[url.lastIndexOf['/']+1];
alert[filename];
2Ví dụ: URL
var filename = url.substring[url.lastIndexOf['/']+1];
alert[filename];
8 chỉ có một đoạn đường dẫn. chuỗi trống, vì vậy giá trị var filename = url.substring[url.lastIndexOf['/']+1];
alert[filename];
0 của nó được tạo bằng cách thêm tiền tố ký tự var filename = url.substring[url.lastIndexOf['/']+1];
alert[filename];
2 vào chuỗi trốngMột số hệ thống xác định thuật ngữ slug có nghĩa là phân đoạn cuối cùng của một đường dẫn không trống nếu nó xác định một trang trong các từ khóa mà con người có thể đọc được. Ví dụ: URL
var filename = url.substring[url.lastIndexOf['/']+1];
alert[filename];
02 có sên của nó là var filename = url.substring[url.lastIndexOf['/']+1];
alert[filename];
03Một số hệ thống sử dụng các ký tự
var filename = url.substring[url.lastIndexOf['/']+1];
alert[filename];
04 và var filename = url.substring[url.lastIndexOf['/']+1];
alert[filename];
05 để phân định các tham số và giá trị tham số áp dụng cho một đoạn đường dẫn. Ví dụ: với URL var filename = url.substring[url.lastIndexOf['/']+1];
alert[filename];
06, một hệ thống có thể trích xuất và sử dụng các tham số đoạn đường dẫn var filename = url.substring[url.lastIndexOf['/']+1];
alert[filename];
07 và var filename = url.substring[url.lastIndexOf['/']+1];
alert[filename];
08 từ các đoạn đường dẫn var filename = url.substring[url.lastIndexOf['/']+1];
alert[filename];
09 và var filename = url.substring[url.lastIndexOf['/']+1];
alert[filename];
10 Đoạn mã này sẽ lấy tên tệp từ url. Tên tệp là phần cuối cùng của URL từ dấu gạch chéo cuối cùng. Ví dụ: nếu URL là http. //www. thí dụ. com/dir/tệp. html sau đó tập tin. html là tên tệp
Giải trình
var url = window.location.pathname;
Điều này khai báo biến url và thêm tên đường dẫn hiện tại làm giá trị của nó
var filename = url.substring[url.lastIndexOf['/']+1];
alert[filename];
chuỗi con [phương thức] - trích xuất các ký tự từ đầu [tham số]. url là url stringObject. chuỗi con [bắt đầu]
Ví dụ: nếu bạn cần chia nhỏ tên đường dẫn, một URL như https. // thủ thuật css. com/blah/blah/blah/chỉ mục. html, bạn có thể tách chuỗi thành ký tự “/”
var pathArray = window.location.pathname.split['/'];
Sau đó truy cập các phần khác nhau theo các phần của mảng, như
var secondLevelLocation = pathArray[0];
Để đặt tên đường dẫn đó lại với nhau, bạn có thể ghép mảng lại với nhau và đặt lại dấu “/” vào
var newPathname = "";
for [i = 0; i < pathArray.length; i++] {
newPathname += "/";
newPathname += pathArray[i];
}
Có lẽ cách nhanh nhất để tận dụng tối đa những gì bạn có là đặt
var secondLevelLocation = pathArray[0];
0 vào bảng điều khiển DevTools và xem Khá phổ biến là cần tìm các phần khác nhau của phân đoạn url hoặc đường dẫn trong JavaScript, chẳng hạn như phân đoạn cuối cùng. Sau đây chúng ta sẽ xem xét một số cách để giải quyết vấn đề này
Will Mayger
Ngày 18 tháng 11 năm 2021
Bài báo
Trong bài đăng này, chúng tôi sẽ đề cập đến cách lấy phân đoạn cuối cùng của một URL trong JavaScript với ít thuật ngữ kỹ thuật nhất có thể để bạn có mọi thứ mình cần ngay tại đây mà không cần phải tìm kiếm thêm.
Trong JavaScript, bạn có khả năng lấy URL hiện tại và chia nó thành các phần để hiển thị dữ liệu khác nhau tùy thuộc vào đường dẫn URL trong số nhiều trường hợp sử dụng khác
Tuy nhiên, để có thể thực hiện việc này, bạn sẽ cần trích xuất các phân đoạn khác nhau trên một URL bằng JavaScript, đó là nội dung chúng tôi sẽ đề cập trong bài đăng này
Một trong những phân đoạn chính của URL thường được sử dụng để xác định nội dung sẽ hiển thị trong số những thứ khác là phân đoạn cuối cùng của UR [hoặc đường dẫn]
Cách lấy đoạn cuối của URL trong JavaScript
Để có được phân đoạn hoặc đường dẫn cuối cùng của một URL trong JavaScript khá dễ thực hiện bằng cách sử dụng kết hợp các phương pháp khác nhau, chủ yếu liên quan đến việc tách URL bằng cách sử dụng ký tự
var filename = url.substring[url.lastIndexOf['/']+1];
alert[filename];
2 [dấu gạch chéo về phía trước]Đầu tiên, mặc dù chúng tôi cần truy cập đường dẫn URL trước khi có thể tách các phân đoạn
Chúng tôi có thể làm điều này bằng cách gọi
var secondLevelLocation = pathArray[0];
2 để lấy tên đường dẫn đầy đủ của URL dưới dạng chuỗiTại thời điểm này, chúng tôi có nhiều tùy chọn, cách dễ sử dụng và phát triển nhất với hầu hết các trường hợp sử dụng là Chuỗi. nguyên mẫu. phương pháp phân chia
chuỗi. nguyên mẫu. phương thức split có thể được sử dụng để chia một chuỗi thành các phần khác nhau bằng cách cung cấp đối số dấu phân cách
Chúng ta có thể gọi phương thức này trên chuỗi và sau đó cung cấp ký tự
var filename = url.substring[url.lastIndexOf['/']+1];
alert[filename];
2 làm dấu phân cách, sau đó sẽ chuyển đổi tên đường dẫn đầy đủ thành một mảng các đoạn đường dẫnChúng ta có thể làm điều này như vậy
window.location.pathname.split["/"];
// ["", "blog", "javascript", "how-to-get-the-last-segment-of-a-url-in-javascript", ""]
Sau khi chúng tôi có mảng này, chúng tôi sẽ lọc ra bất kỳ chuỗi trống nào có thể xuất hiện trong mảng này nếu có dấu gạch chéo trong tên đường dẫn của URL ban đầu
Chúng ta có thể lọc ra các chuỗi rỗng bằng cách sử dụng Array. nguyên mẫu. phương thức lọc được thiết kế cho các trường hợp như thế này khi bạn muốn xóa một số phần tử nhất định khỏi một mảng
Đây là cách nó sẽ trông như thế nào
window.location.pathname.split["/"].filter[entry => entry !== ""];
// ["blog", "javascript", "how-to-get-the-last-segment-of-a-url-in-javascript"]
Và sau đó, bước cuối cùng để lấy phân đoạn cuối cùng của URL trong JavaScript sẽ là lấy mục cuối cùng trong mảng
Chúng ta có thể làm điều này bằng cách trước tiên tìm độ dài của mảng và trừ đi 1 vì cách các chỉ mục bắt đầu từ 0
Dưới đây là ví dụ đầy đủ về cách lấy phân đoạn cuối cùng của URL trong JavaScript
const { pathname } = window.location;
const paths = pathname.split["/"].filter[entry => entry !== ""];
const lastPath = paths[paths.length - 1];
console.log[lastPath]; // how-to-get-the-last-segment-of-a-url-in-javascript
Giải pháp này là một giải pháp khá chung chung và bao gồm khá nhiều vòng lặp, trong khi nhìn chung bạn muốn tránh các vòng lặp không cần thiết nếu có thể nhưng có những trường hợp không phải như vậy
Trường hợp tên đường dẫn URL sẽ không bao giờ quá lớn đến mức sẽ có sự khác biệt đáng chú ý giữa các phương thức lặp và thay thế, điều đó sẽ không tạo ra sự khác biệt
Ngoài ra, trong giải pháp ở trên, nó đọc tốt và rất dễ làm theo, điều này sẽ cải thiện khả năng đọc và bảo trì mã
Trên hết, giải pháp này bao gồm một trường hợp cạnh mà các giải pháp khác có thể không có, đó là dấu gạch chéo
Như đã nói, chúng ta hãy xem xét một giải pháp thay thế bằng cách sử dụng cả chuỗi con
Cách lấy đoạn cuối của URL trong JavaScript bằng cách sử dụng chuỗi con và lát cắt
Để lấy phân đoạn cuối cùng của một URL trong JavaScript bằng cách sử dụng chuỗi con, tất cả những gì chúng ta cần làm là lấy chuỗi con sau ký tự
var filename = url.substring[url.lastIndexOf['/']+1];
alert[filename];
2 cuối cùngPhương thức chúng ta sẽ sử dụng để lấy các chuỗi con trong JavaScript là String. nguyên mẫu. lát cắt
Điều quan trọng cần nhớ là trước tiên chúng ta cần xóa mọi dấu gạch chéo ở cuối tên đường dẫn nếu không chúng ta có thể kết thúc bằng một chuỗi trống
Hãy xem một ví dụ về cách chúng ta có thể làm điều này
________số 8
Như bạn có thể thấy, trước tiên chúng tôi kiểm tra dấu gạch chéo ở cuối và nếu nó tồn tại với Chuỗi. nguyên mẫu. kết thúcVới sau đó chúng tôi loại bỏ nó bằng Chuỗi. nguyên mẫu. slice để chọn phần còn lại của chuỗi
Sau đó, chúng tôi tiếp tục sử dụng lát cắt một lần nữa để lấy đường dẫn hoặc đoạn cuối cùng của URL
Cách xóa phần cuối của URL trong JavaScript
Tiếp theo từ ví dụ đầu tiên của chúng tôi bằng cách sử dụng Chuỗi. nguyên mẫu. split, chúng ta cũng có thể dễ dàng xóa phần cuối của URL
Tất cả những gì chúng ta cần làm là bật mảng và sau đó nối nó sao lưu để có tên đường dẫn hoàn chỉnh không có phần cuối của URL
Đây là cách chúng tôi có thể xóa phần cuối của URL trong JavaScript
const { pathname } = window.location;
const paths = pathname.split["/"].filter[entry => entry !== ""];
paths.pop[]; // how-to-get-the-last-segment-of-a-url-in-javascript
const newPathname = `/${paths.join["/"]}/`;
console.log[newPathname]; // "/blog/javascript/"
Bản tóm tắt
Ở đó, chúng tôi có cách lấy phân đoạn cuối cùng của URL trong JavaScript, nếu bạn muốn nhiều hơn như thế này, hãy nhớ xem một số bài đăng khác của tôi
Tôi hy vọng bài đăng này hữu ích, nhưng trước khi bạn tiếp tục, hãy đảm bảo rằng bạn đã thử bài kiểm tra tương tác thú vị của tôi để xem bạn là kỹ sư React mới vào nghề, trung cấp hay chuyên gia
Sẽ chỉ mất khoảng 1 - 3 phút, vì vậy bạn không có gì để mất, hãy kiểm tra khả năng của mình ngay bây giờ
làm bài kiểm tra
Bạn là kỹ sư phản ứng mới, trung cấp hay chuyên gia?
Tìm hiểu tại đây bằng cách làm bài kiểm tra nhanh, tương tác, vui nhộn của tôi, mất khoảng 1 - 3 phút. Bạn sẽ làm tốt đến mức nào?
làm bài kiểm traMột số đồ họa được sử dụng trong bài đăng này được tạo bằng các biểu tượng từ biểu tượng phẳng
Blog / Phản ứng
React Fragment - Mọi thứ bạn cần biết
Bài đăng này sẽ bao gồm mọi thứ bạn cần biết về React Fragment một cách rõ ràng và ngắn gọn và sẽ là nguồn tài nguyên cuối cùng cho bất kỳ truy vấn nào liên quan đến React Fragment
Will Mayger
Ngày 24 tháng 3 năm 2022
Bài báo
Blog / Javascript
Cách đợi tất cả các lời hứa giải quyết trong JavaScript
Bài đăng này sẽ đề cập đến cách đợi tất cả các lời hứa giải quyết trong JavaScript thay vì phải thực hiện từng lời hứa khi bạn có nhiều lời hứa cần giải quyết
Will Mayger
21 Tháng Ba, 2022
Bài báo
Blog / Phản ứng
Mọi thứ bạn cần biết về React Keys
Trong hướng dẫn này, bạn sẽ khám phá mọi thứ bạn cần biết về React Keys để có thể sử dụng chúng đúng cách trong bất kỳ ứng dụng React nào cùng với thông tin chi tiết
Will Mayger
03 Tháng Ba, 2022
Bài báo
Blog / Phản ứng
Phản ứng. Mảnh so với div
Trong bài đăng này, chúng tôi đề cập đến sự khác biệt giữa, React. Phân đoạn so với div, lợi ích của một phân đoạn và khi nào bạn nên sử dụng cái này hơn cái kia