Javascript xóa tên tệp khỏi đường dẫn

Để lấy tên của tệp không có phần mở rộng trong Nút. js, hãy sử dụng phương thức parse() từ mô-đun path để lấy một đối tượng đại diện cho đường dẫn. Thuộc tính name của đối tượng này sẽ chứa tên tệp không có phần mở rộng

Ví dụ

const path = require('path');

path.parse('index.html').name; // index

path.parse('package.json').name; // package

path.parse('image.png').name; // image

Đăng ký bản tin Coding Beauty

Có được những hiểu biết hữu ích và nâng cao kiến ​​thức phát triển web của bạn với các mẹo và hướng dẫn hàng tuần từ Coding Beauty. Hơn 2.000 nhà phát triển đăng ký

Phương pháp parse()

Phương thức parse() trả về một đối tượng có các thuộc tính đại diện cho các phần chính của đường dẫn đã cho. Đối tượng mà nó trả về có các thuộc tính sau

1. dir – thư mục của đường dẫn
2. root – thư mục trên cùng trong hệ điều hành

3. path.parse('C://Code/my-website/index.html');
   
   /*
   Returns:
   {
     root: 'C:/',
     dir: 'C://Code/my-website',
     base: 'index.html',
     ext: '.html',
     name: 'index'
   }
   */
   

   0 – đoạn cuối của con đường

4. path.parse('C://Code/my-website/index.html');
   
   /*
   Returns:
   {
     root: 'C:/',
     dir: 'C://Code/my-website',
     base: 'index.html',
     ext: '.html',
     name: 'index'
   }
   */
   

   1 – phần mở rộng của tệp
5. name – tên của tệp không có phần mở rộng

path.parse('C://Code/my-website/index.html');

/*
Returns:
{
  root: 'C:/',
  dir: 'C://Code/my-website',
  base: 'index.html',
  ext: '.html',
  name: 'index'
}
*/

Nếu đường dẫn không phải là một chuỗi, thì parse() sẽ ném một ____1_______4

// ❌ TypeError: Received type of number instead of string
path.parse(123).name;

// ❌ TypeError: Received type of boolean instead of string
path.parse(false).name;

// ❌ TypeError: Received type of URL instead of string
path.parse(new URL('https://example.com/file.txt')).name;

// ✅ Received correct type of string
path.parse('index.html').name; // index

Mọi điều điên rồ mà JavaScript làm

Hướng dẫn hấp dẫn về những cảnh báo tinh tế và những phần ít được biết đến của JavaScript

Đăng ký và nhận ngay một bản sao miễn phí

Ayibatari Ibaba

Ayibatari Ibaba là nhà phát triển phần mềm có nhiều năm kinh nghiệm xây dựng trang web và ứng dụng. Anh ấy đã viết rất nhiều về nhiều chủ đề lập trình và đã tạo ra hàng chục ứng dụng và thư viện mã nguồn mở

const path = require('path');

const path = require('path');

Tìm tên tệp từ đường dẫn tệp của nó là một nhiệm vụ đơn giản. Chương trình cần tìm dấu phân cách cuối cùng và lấy mọi thứ xảy ra sau nó

Có nhiều cách để lấy tên tệp từ Đường dẫn trong JavaScript

Sử dụng chuỗi con() và lastIndexOf()

Để lấy tên tệp từ đường dẫn, chúng ta có thể sử dụng replace() với regex /^.*[\\\/]/ làm tham số đầu tiên và chuỗi rỗng làm tham số thứ hai

Đưa ra một tên tệp cũng chứa đường dẫn tệp, nhiệm vụ là lấy tên tệp từ đường dẫn đầy đủ. Có một vài phương pháp để giải quyết vấn đề này được liệt kê dưới đây

Phương thức thay thế () của JavaScript. Phương thức này tìm kiếm một chuỗi cho một giá trị đã xác định hoặc một biểu thức chính quy và trả về một chuỗi mới với giá trị đã xác định đã thay thế.  

cú pháp

Thông số. Phương thức này chấp nhận hai tham số như đã đề cập ở trên và được mô tả bên dưới

• tìm kiếmVal. Thông số này là bắt buộc. Nó chỉ định giá trị hoặc biểu thức chính quy sẽ thay thế bằng giá trị mới
• giá trị mới. Thông số này là bắt buộc. Nó chỉ định giá trị được thay thế bằng giá trị tìm kiếm

Thí dụ. Ví dụ này lấy tên tệp với sự trợ giúp của Biểu thức chính quy bằng cách sử dụng phương thức thay thế ().  

html

<h1 style="color:green;">

string.split(separator, limit)

string.split(separator, limit)

string.split(separator, limit)

<

string.split(separator, limit)

string.split(separator, limit)

string.split(separator, limit)

string.split(separator, limit)

string.split(separator, limit)

string.split(separator, limit)

<

array.pop()

array.pop()

array.pop()

    <2

string.split(separator, limit)

array.pop()

string.split(separator, limit)

<

string.split(separator, limit)

string.split(separator, limit)

string.split(separator, limit)

string.split(separator, limit)

string.split(separator, limit)

<h18>

    style1

    style3

    style5

style6_______44_______7

style8

    =0

=1

    =3

=4=5

    =7

string.split(separator, limit)

đầu ra

Làm cách nào để lấy tên tệp từ đường dẫn đầy đủ bằng JavaScript?

Phương thức phân tách JavaScript(). Phương thức này được sử dụng để tách một chuỗi thành một mảng các chuỗi con và trả về mảng mới.  

• cú pháp

string.split(separator, limit)

Thông số. Phương thức này chấp nhận hai tham số như đã đề cập ở trên và được mô tả bên dưới

• dải phân cách. Tham số này là tùy chọn. Nó chỉ định ký tự hoặc biểu thức chính quy để sử dụng để tách chuỗi. Nếu không được sử dụng, toàn bộ chuỗi sẽ được trả về (một mảng chỉ có một mục)
• giới hạn. Tham số này là tùy chọn. Nó chỉ định số nguyên chỉ định số lần phân chia, các mục vượt quá giới hạn phân chia sẽ bị loại khỏi mảng

Phương thức pop() mảng JavaScript. Phương thức này xóa phần tử cuối cùng của một mảng và trả về phần tử đã xóa.  

cú pháp

array.pop()

Giá trị trả về. Nó trả về bất kỳ loại nào, đại diện cho mục mảng đã xóa. Mục này có thể là một chuỗi, số, mảng, boolean hoặc bất kỳ loại đối tượng nào khác được phép trong một mảng

Làm cách nào để tách tên tệp khỏi đường dẫn trong JavaScript?

Làm cách nào để xóa phần mở rộng tên tệp trong JavaScript?

Làm cách nào để lấy tên tệp từ đường dẫn trong JavaScript?

Làm cách nào để lấy tên tệp không có phần mở rộng từ đường dẫn trong JavaScript?