Как обрезать расширение файла из строки в JavaScript?

Например, предполагая, что x = filename.jpgя хочу получить filename, где filenameможет быть любое имя файла (предположим, что имя файла содержит только [a-zA-Z0-9-_] для упрощения.).

Я видел x.substring(0, x.indexOf('.jpg'))на DZone Snippets , но не будет ли x.substring(0, x.length-4)лучше? Потому lengthчто это свойство и не выполняет проверку символов, тогда как indexOf()является функцией и проверкой символов.

Если вы знаете длину расширения, вы можете использовать его x.slice(0, -4)(где 4 - это три символа расширения и точка).

Если вы не знаете длину, регулярное выражение @John Hartsock будет правильным подходом.

Если вы не хотите использовать регулярные выражения, вы можете попробовать это (менее производительно):

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

Обратите внимание, что это не удастся для файлов без расширения.

Не уверен, что будет работать быстрее, но это будет более надежно, когда речь идет о расширении, как .jpegили.html

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

В файле node.js имя файла без расширения можно получить следующим образом.

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

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

Дальнейшее объяснение на странице документации Node.js.

x.length-4учитывает только расширения 3 символов. Что делать, если у вас есть filename.jpegили filename.pl?

РЕДАКТИРОВАТЬ:

Чтобы ответить ... конечно, если у вас всегда есть расширение .jpg, x.length-4будет работать просто отлично.

Однако, если вы не знаете длину своего расширения, любое из ряда решений будет лучше / надежнее.

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

ИЛИ

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

ИЛИ

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

ИЛИ (при условии, что имя файла имеет только одну точку)

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

ИЛИ (также только с одной точкой)

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

Возможно, вы можете использовать предположение, что последняя точка будет разделителем расширения.

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

Если файл не имеет расширения, он вернет пустую строку. Чтобы исправить это используйте эту функцию

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

Мне нравится этот, потому что это один лайнер, который не слишком трудно читать:

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

В версиях Node.js до 0.12.x:

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

Конечно, это также работает в 0.12.x и позже.

Это работает, даже если в строке нет разделителя.

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"

Может также использоваться как однострочный:

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

РЕДАКТИРОВАТЬ: Это более эффективное решение:

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

Я не знаю, если это правильный вариант, но я использую это:

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.

Это не просто одна операция, которую я знаю, но, по крайней мере, она всегда должна работать!

ОБНОВЛЕНИЕ: Если вы хотите oneliner, вот вы:

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

Еще один вкладыш:

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

Вот еще одно решение на основе регулярных выражений:

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

Это должно только отрубить последний сегмент.

Простой:

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

Принятый ответ удаляет только последнюю часть расширения ( .jpeg), что может быть хорошим выбором в большинстве случаев.

Однажды мне пришлось удалить все расширения ( .tar.gz), а имена файлов были ограничены, чтобы не содержать точек (так 2015-01-01.backup.tarчто это не будет проблемой):

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

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

Если вам нужно обработать переменную, которая содержит полный путь (например, thePath = "http://stackoverflow.com/directory/subdirectory/filename.jpg"), и вы хотите вернуть только «имя файла», вы можете использовать:

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

результатом будет имя == "имя файла" ;

Чтобы попробовать это, напишите следующую команду в окне консоли вашего отладчика Chrome: window.location.pathname.split("/").slice(-1).join().split(".").shift()

Если вам нужно обработать только имя файла и его расширение (например:) theNameWithExt = "filename.jpg":

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

результат будет theName == "filename" , такой же, как указано выше;

Ноты:

1. Первый немного медленнее, потому что выполняет больше операций; но работает в обоих случаях, другими словами, он может извлечь имя файла без расширения из заданной строки, содержащей путь или имя файла с помощью ex. В то время как второй работает, только если данная переменная содержит имя файла с ext, например filename.ext, но немного быстрее.
2. Оба решения работают как с локальными, так и с серверными файлами;

Но я не могу ничего сказать ни о сравнении производительности с другими ответами, ни о совместимости браузера или ОС.

рабочий фрагмент 1: полный путь

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

рабочий фрагмент 2: имя файла с расширением

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

рабочий фрагмент 2: имя файла с двойным расширением

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

Хотя уже довольно поздно, я добавлю другой подход, чтобы получить имя файла без расширения, используя старый добрый JS-

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

Node.js удаляет расширение из каталога полного пути

https://stackoverflow.com/a/31615711/895245 например сделал path/hello.html-> hello, но если вы хотите path/hello.html-> path/hello, вы можете использовать это:

#!/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));

также выводит каталог:

path/hello

https://stackoverflow.com/a/36099196/895245 также достигает этого, но я считаю этот подход немного более семантически приятным.

Протестировано в Node.js v10.15.2.

Здесь регулярные выражения пригодятся! .replace()Метод Javascript будет принимать регулярное выражение, и вы можете использовать его для достижения желаемого:

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

Еще один лайнер - мы предполагаем, что наш файл - это изображение jpg >> ex: var yourStr = 'test.jpg';

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

Ты можешь использовать path для маневра.

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

Вывод

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

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

Это код, который я использую для удаления расширения из имени файла без использования регулярных выражений или indexOf (indexOf не поддерживается в IE8). Предполагается, что расширением является любой текст после последнего '.' персонаж.

Это работает для:

• файлы без расширения: "myletter"
• файлы с '.' в названии: "my.letter.txt"
• неизвестная длина расширения файла: "my.letter.html"

Вот код:

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;
}

Я бы использовал что-то вроде x.substring (0, x.lastIndexOf ('.')). Если вы стремитесь к производительности, вообще не используйте javascript :-p Нет, еще одно утверждение действительно не имеет значения для 99,9999% всех целей.