Як обрізати розширення файлу з рядка в 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 - це три символи розширення та крапка).

Якщо ви не знаєте довжину @ Джона Харцока, правильний підхід був би.

Якщо ви не бажаєте використовувати регулярні вирази, ви можете спробувати це (менш ефективний):

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 + "");

EDIT: Це більш ефективне рішення:

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.

Я не просто одна операція, яку я знаю, але, принаймні, вона повинна завжди працювати!

ОНОВЛЕННЯ: Якщо ви хочете однолінійку, ось ви:

(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();

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

Щоб спробувати це, напишіть таку команду у вікно консолі хромованого налагоджувача: window.location.pathname.split("/").slice(-1).join().split(".").shift()

Якщо вам потрібно обробити лише ім'я файлу та його розширення (напр .:) theNameWithExt = "filename.jpg":

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

результатом буде theName == "ім'я файлу" , таким же, як вище;

Примітки:

1. Перший - трохи повільніше, тому що виконує більше операцій; але працює в обох випадках, інакше кажучи, він може витягувати ім'я файлу без розширення із заданої рядки, що містить шлях або ім'я файлу з колишнім. Хоча друга працює лише в тому випадку, якщо дана змінна містить ім'я файлу з 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,99999% усіх цілей.