Làm cách nào để cắt phần mở rộng tệp từ Chuỗi trong JavaScript?

Ví dụ: giả sử rằng x = filename.jpgtôi muốn lấy filename, nơi filenamecó thể là bất kỳ tên tệp nào (Giả sử tên tệp chỉ chứa [a-zA-Z0-9-_] để đơn giản hóa.).

Tôi đã thấy x.substring(0, x.indexOf('.jpg'))trên DZone Snippets , nhưng sẽ không x.substring(0, x.length-4)hoạt động tốt hơn? Bởi vì, lengthlà một thuộc tính và không thực hiện kiểm tra ký tự trong khi đó indexOf()là một chức năng và kiểm tra ký tự.

Nếu bạn biết độ dài của tiện ích mở rộng, bạn có thể sử dụng x.slice(0, -4)(trong đó 4 là ba ký tự của tiện ích mở rộng và dấu chấm).

Nếu bạn không biết độ dài @John Hartsock regex sẽ là phương pháp phù hợp.

Nếu bạn không muốn sử dụng các biểu thức thông thường, bạn có thể thử cách này (ít hiệu suất hơn):

filename.split('.').slice(0, -1).join('.')

Lưu ý rằng nó sẽ thất bại trên các tập tin mà không có phần mở rộng.

Không chắc chắn những gì sẽ thực hiện nhanh hơn nhưng điều này sẽ đáng tin cậy hơn khi nói đến phần mở rộng như .jpeghoặc.html

x.replace(/\.[^/.]+$/, "")

Trong node.js , tên của tệp không có phần mở rộng có thể được lấy như sau.

const path = require('path');
const filename = 'hello.html';

path.parse(filename).name; // hello
path.parse(filename).ext;  // .html

Giải thích thêm tại trang tài liệu Node.js.

x.length-4chỉ chiếm phần mở rộng 3 ký tự. Nếu bạn có filename.jpeghoặc filename.pl?

BIÊN TẬP:

Để trả lời ... chắc chắn, nếu bạn luôn có một phần mở rộng .jpg, x.length-4sẽ hoạt động tốt.

Tuy nhiên, nếu bạn không biết độ dài của tiện ích mở rộng, bất kỳ giải pháp nào cũng tốt hơn / mạnh mẽ hơn.

x = x.replace(/\..+$/, '');

HOẶC LÀ

x = x.substring(0, x.lastIndexOf('.'));

HOẶC LÀ

x = x.replace(/(.*)\.(.*?)$/, "$1");

HOẶC (với tên tệp giả định chỉ có một dấu chấm)

parts = x.match(/[^\.]+/);
x = parts[0];

HOẶC (cũng chỉ có một dấu chấm)

parts = x.split(".");
x = parts[0];

Có lẽ bạn có thể sử dụng giả định rằng dấu chấm cuối cùng sẽ là dấu phân cách mở rộng.

var x = 'filename.jpg';
var f = x.substr(0, x.lastIndexOf('.'));

Nếu tệp không có phần mở rộng, nó sẽ trả về chuỗi trống. Để khắc phục việc sử dụng chức năng này

function removeExtension(filename){
    var lastDotPosition = filename.lastIndexOf(".");
    if (lastDotPosition === -1) return filename;
    else return filename.substr(0, lastDotPosition);
}

Tôi thích cái này vì nó là một cuốn sách không quá khó đọc:

filename.substring(0, filename.lastIndexOf('.')) || filename

Trong các phiên bản Node.js trước 0.12.x:

path.basename(filename, path.extname(filename))

Tất nhiên điều này cũng hoạt động trong 0.12.x trở lên.

Điều này hoạt động, ngay cả khi dấu phân cách không có trong chuỗi.

String.prototype.beforeLastIndex = function (delimiter) {
    return this.split(delimiter).slice(0,-1).join(delimiter) || this + ""
}

"image".beforeLastIndex(".") // "image"
"image.jpeg".beforeLastIndex(".") // "image"
"image.second.jpeg".beforeLastIndex(".") // "image.second"
"image.second.third.jpeg".beforeLastIndex(".") // "image.second.third"

Cũng có thể được sử dụng như một lớp lót như thế này:

var filename = "this.is.a.filename.txt";
console.log(filename.split(".").slice(0,-1).join(".") || filename + "");

EDIT: Đây là một giải pháp hiệu quả hơn:

String.prototype.beforeLastIndex = function (delimiter) {
    return this.substr(0,this.lastIndexOf(delimiter)) || this + ""
}

Tôi không biết nếu đó là một tùy chọn hợp lệ nhưng tôi sử dụng điều này:

name = filename.split(".");
// trimming with pop()
name.pop();
// getting the name with join()
name.join('.'); // we split by '.' and we join by '.' to restore other eventual points.

Đó không chỉ là một hoạt động mà tôi biết, mà ít nhất nó phải luôn hoạt động!

CẬP NHẬT: Nếu bạn muốn một oneliner, đây là:

(name.split('.').slice(0, -1)).join('.')

Một lớp lót khác:

x.split(".").slice(0, -1).join(".")

Đây là một giải pháp dựa trên regex khác:

filename.replace(/\.[^.$]+$/, '');

Điều này chỉ nên cắt ra đoạn cuối cùng.

Đơn giản

var n = str.lastIndexOf(".");
return n > -1 ? str.substr(0, n) : str;

Câu trả lời được chấp nhận loại bỏ phần mở rộng cuối cùng chỉ ( .jpeg), có thể là một lựa chọn tốt trong hầu hết các trường hợp.

Tôi đã từng phải loại bỏ tất cả các phần mở rộng ( .tar.gz) và tên tệp bị hạn chế không chứa dấu chấm (vì vậy 2015-01-01.backup.tarsẽ không có vấn đề gì):

var name = "2015-01-01_backup.tar.gz";
name.replace(/(\.[^/.]+)+$/, "");

var fileName = "something.extension";
fileName.slice(0, -path.extname(fileName).length) // === "something"

Nếu bạn phải xử lý một biến chứa đường dẫn đầy đủ (ví dụ thePath = "http://stackoverflow.com/directory/subdirectory/filename.jpg":) và bạn muốn trả về chỉ "tên tệp", bạn có thể sử dụng:

theName = thePath.split("/").slice(-1).join().split(".").shift();

kết quả sẽ là theName == "tên tệp" ;

Để thử, hãy viết lệnh sau vào cửa sổ giao diện điều khiển trình gỡ lỗi chrome của bạn: window.location.pathname.split("/").slice(-1).join().split(".").shift()

Nếu bạn phải xử lý chỉ tên tệp và phần mở rộng của nó (ví dụ theNameWithExt = "filename.jpg":):

theName = theNameWithExt.split(".").shift();

kết quả sẽ là theName == "tên tệp" , giống như trên;

Ghi chú:

1. Đầu tiên là một chút chậm hơn nguyên nhân thực hiện nhiều hoạt động hơn; nhưng hoạt động trong cả hai trường hợp, nói cách khác, nó có thể trích xuất tên tệp mà không cần mở rộng từ một chuỗi đã cho có chứa đường dẫn hoặc tên tệp với ex. Trong khi biến thứ hai chỉ hoạt động nếu biến đã cho chứa tên tệp có ext như filename.ext nhưng nhanh hơn một chút.
2. Cả hai giải pháp đều hoạt động cho cả tệp cục bộ và tệp máy chủ;

Nhưng tôi không thể nói gì về việc so sánh hiệu suất với các câu trả lời khác cũng như khả năng tương thích của trình duyệt hoặc hệ điều hành.

đoạn trích làm việc 1: đường dẫn hoàn chỉnh

var thePath = "http://stackoverflow.com/directory/subdirectory/filename.jpg";
theName = thePath.split("/").slice(-1).join().split(".").shift();
alert(theName);

đoạn trích làm việc 2: tên tệp có phần mở rộng

var theNameWithExt = "filename.jpg";
theName = theNameWithExt.split("/").slice(-1).join().split(".").shift();
alert(theName);

đoạn trích làm việc 2: tên tệp có phần mở rộng gấp đôi

var theNameWithExt = "filename.tar.gz";
theName = theNameWithExt.split("/").slice(-1).join().split(".").shift();
alert(theName);

Mặc dù đã khá muộn nhưng tôi sẽ thêm một cách tiếp cận khác để lấy tên tệp mà không cần mở rộng bằng cách sử dụng JS cũ đơn giản-

path.replace(path.substr(path.lastIndexOf('.')), '')

Node.js xóa tiện ích mở rộng khỏi thư mục giữ đường dẫn đầy đủ

https://stackoverflow.com/a/31615711/895245 chẳng hạn đã làm path/hello.html-> hello, nhưng nếu bạn muốn path/hello.html-> path/hello, bạn có thể sử dụng điều này:

#!/usr/bin/env node
const path = require('path');
const filename = 'path/hello.html';
const filename_parsed = path.parse(filename);
console.log(path.join(filename_parsed.dir, filename_parsed.name));

thư mục đầu ra là tốt:

path/hello

https://stackoverflow.com/a/36099196/895245 cũng đạt được điều này, nhưng tôi thấy cách tiếp cận này có một chút hài lòng về mặt ngữ nghĩa.

Đã thử nghiệm trong Node.js v10.15.2.

Đây là nơi biểu thức thông thường có ích! .replace()Phương pháp của Javascript sẽ có một biểu thức chính quy và bạn có thể sử dụng điều đó để thực hiện những gì bạn muốn:

// assuming var x = filename.jpg or some extension
x = x.replace(/(.*)\.[^.]+$/, "$1");

Một lớp lót khác - chúng tôi giả sử tệp của chúng tôi là ảnh jpg >> ex: var yourStr = 'test.jpg';

    yourStr = yourStr.slice(0, -4); // 'test'

Bạn có thể sử dụng pathđể điều động.

var MYPATH = '/User/HELLO/WORLD/FILENAME.js';
var MYEXT = '.js';
var fileName = path.basename(MYPATH, MYEXT);
var filePath = path.dirname(MYPATH) + '/' + fileName;

Đầu ra

> filePath
'/User/HELLO/WORLD/FILENAME'
> fileName
'FILENAME'
> MYPATH
'/User/HELLO/WORLD/FILENAME.js'

x.slice(0, -(x.split('.').pop().length + 1));

Đây là mã tôi sử dụng để xóa phần mở rộng khỏi tên tệp mà không sử dụng regex hoặc indexOf (indexOf không được hỗ trợ trong IE8). Nó giả định rằng phần mở rộng là bất kỳ văn bản nào sau '.' Cuối cùng tính cách.

Nó hoạt động cho:

• các tệp không có phần mở rộng: "myletter"
• các tệp có '.' trong tên: "my.letter.txt"
• độ dài phần mở rộng tệp không xác định: "my.letter.html"

Đây là mã:

var filename = "my.letter.txt" // some filename

var substrings = filename.split('.'); // split the string at '.'
if (substrings.length == 1)
{
  return filename; // there was no file extension, file was something like 'myfile'
}
else
{
  var ext = substrings.pop(); // remove the last element
  var name = substrings.join(""); // rejoin the remaining elements without separator
  name = ([name, ext]).join("."); // readd the extension
  return name;
}

Tôi sẽ sử dụng một cái gì đó như x.sub chuỗi (0, x.lastIndexOf ('.')). Nếu bạn đang đi cho hiệu suất, đừng sử dụng javascript :-p Không, một tuyên bố nữa thực sự không quan trọng đối với 99.99999% của tất cả các mục đích.