Wie schneide ich eine Dateierweiterung aus einem String in JavaScript?

Angenommen x = filename.jpg, ich möchte herausfinden filename, wo filenamesich ein beliebiger Dateiname befinden könnte (Nehmen wir an, der Dateiname enthält zur Vereinfachung nur [a-zA-Z0-9-_].).

Ich habe x.substring(0, x.indexOf('.jpg'))auf DZone Snippets gesehen , würde aber nicht x.substring(0, x.length-4)besser abschneiden ? Denn lengthist eine Eigenschaft und führt keine Zeichenprüfung durch, während indexOf()es sich um eine Funktion handelt und eine Zeichenprüfung durchführt.

Wenn Sie die Länge der Erweiterung kennen, können Sie verwenden x.slice(0, -4)(wobei 4 die drei Zeichen der Erweiterung und der Punkt sind).

Wenn Sie die Länge nicht kennen, wäre @John Hartsock Regex der richtige Ansatz.

Wenn Sie keine regulären Ausdrücke verwenden möchten, können Sie dies versuchen (weniger performant):

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

Beachten Sie, dass dies bei Dateien ohne Erweiterung fehlschlägt.

Ich bin mir nicht sicher, was schneller funktionieren würde, aber dies wäre zuverlässiger, wenn es um Erweiterungen wie .jpegoder geht.html

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

In node.js kann der Name der Datei ohne die Erweiterung wie folgt abgerufen werden.

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

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

Eine weitere Erklärung auf Node.js Dokumentation Seite.

x.length-4berücksichtigt nur Erweiterungen von 3 Zeichen. Was ist, wenn Sie haben filename.jpegoder filename.pl?

BEARBEITEN:

Um zu antworten ... sicher, wenn Sie immer eine Erweiterung von haben .jpg, x.length-4würde gut funktionieren.

Wenn Sie jedoch die Länge Ihrer Erweiterung nicht kennen, sind verschiedene Lösungen besser / robuster.

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

ODER

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

ODER

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

ODER (mit der Annahme, dass der Dateiname nur einen Punkt hat)

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

ODER (auch mit nur einem Punkt)

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

Sie können möglicherweise davon ausgehen, dass der letzte Punkt das Erweiterungsbegrenzer ist.

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

Wenn die Datei keine Erweiterung hat, wird eine leere Zeichenfolge zurückgegeben. Um dies zu beheben, verwenden Sie diese Funktion

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

Ich mag dieses, weil es ein Einzeiler ist, der nicht zu schwer zu lesen ist:

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

In Node.js-Versionen vor 0.12.x:

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

Natürlich funktioniert dies auch in 0.12.x und höher.

Dies funktioniert auch dann, wenn das Trennzeichen nicht in der Zeichenfolge vorhanden ist.

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"

Kann auch wie folgt als Einzeiler verwendet werden:

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

EDIT: Dies ist eine effizientere Lösung:

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

Ich weiß nicht, ob es eine gültige Option ist, aber ich benutze diese:

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.

Es ist nicht nur eine Operation, die ich kenne, aber zumindest sollte sie immer funktionieren!

UPDATE: Wenn Sie einen Oneliner möchten, sind Sie hier:

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

Ein weiterer Einzeiler:

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

Hier ist eine weitere Regex-basierte Lösung:

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

Dies sollte nur das letzte Segment abschneiden.

Einfache Sache:

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

Die akzeptierte Antwort entfernt nur den letzten Erweiterungsteil ( .jpeg), was in den meisten Fällen eine gute Wahl sein kann.

Ich musste einmal alle Erweiterungen entfernen ( .tar.gz) und die Dateinamen waren darauf beschränkt, keine Punkte zu enthalten ( 2015-01-01.backup.tarwäre also kein Problem):

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

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

Wenn Sie eine Variable verarbeiten müssen, die den vollständigen Pfad enthält (Beispiel:) thePath = "http://stackoverflow.com/directory/subdirectory/filename.jpg"und nur "Dateiname" zurückgeben möchten, können Sie Folgendes verwenden:

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

das Ergebnis ist theName == "filename" ;

Um es zu versuchen, schreiben Sie den folgenden Befehl in das Konsolenfenster Ihres Chrome-Debuggers: window.location.pathname.split("/").slice(-1).join().split(".").shift()

Wenn Sie nur den Dateinamen und seine Erweiterung (z. B. :) verarbeiten müssen theNameWithExt = "filename.jpg":

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

das Ergebnis ist der Name == "Dateiname" , wie oben;

Anmerkungen:

1. Die erste ist etwas langsamer, da mehr Operationen ausgeführt werden. funktioniert aber in beiden Fällen, mit anderen Worten, es kann den Dateinamen ohne Erweiterung aus einer bestimmten Zeichenfolge extrahieren, die einen Pfad oder einen Dateinamen mit ex enthält. Die zweite funktioniert zwar nur, wenn die angegebene Variable einen Dateinamen mit ext wie filename.ext enthält, ist aber etwas schneller.
2. Beide Lösungen funktionieren sowohl für lokale als auch für Serverdateien.

Aber ich kann weder über den Leistungsvergleich mit anderen Antworten noch über die Browser- oder Betriebssystemkompatibilität etwas sagen.

Arbeitsausschnitt 1: Der vollständige Pfad

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

Arbeitsausschnitt 2: Der Dateiname mit der Erweiterung

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

Arbeitsausschnitt 2: Der Dateiname mit doppelter Erweiterung

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

Obwohl es ziemlich spät ist, werde ich einen weiteren Ansatz hinzufügen, um den Dateinamen ohne Erweiterung mit einfachen alten JS- zu erhalten.

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

Node.js entfernt die Erweiterung aus dem vollständigen Pfadverwaltungsverzeichnis

https://stackoverflow.com/a/31615711/895245 zum Beispiel hat path/hello.html-> hello, aber wenn Sie wollen path/hello.html-> path/hello, können Sie dies verwenden:

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

gibt auch das Verzeichnis aus:

path/hello

https://stackoverflow.com/a/36099196/895245 erreicht dies ebenfalls, aber ich finde diesen Ansatz etwas semantisch ansprechender.

Getestet in Node.js v10.15.2.

Hier bieten sich reguläre Ausdrücke an! Die .replace()Methode von Javascript verwendet einen regulären Ausdruck, und Sie können diesen verwenden, um das zu erreichen, was Sie wollen:

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

Ein weiterer Einzeiler - wir nehmen an, dass unsere Datei ein JPG-Bild ist >> Beispiel: var yourStr = 'test.jpg';

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

Sie können pathzum Manövrieren verwenden.

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

Ausgabe

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

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

Dies ist der Code, mit dem ich die Erweiterung aus einem Dateinamen entferne, ohne entweder Regex oder IndexOf zu verwenden (IndexOf wird in IE8 nicht unterstützt). Es wird davon ausgegangen, dass die Erweiterung ein beliebiger Text nach dem letzten '.' Ist. Charakter.

Es funktioniert für:

• Dateien ohne Erweiterung: "myletter"
• Dateien mit '.' im Namen: "my.letter.txt"
• unbekannte Länge der Dateierweiterung: "my.letter.html"

Hier ist der Code:

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

Ich würde so etwas wie x.substring (0, x.lastIndexOf ('.')) Verwenden. Wenn Sie Leistung erbringen möchten, sollten Sie sich überhaupt nicht für Javascript entscheiden :-p Nein, eine weitere Aussage spielt für 99,99999% aller Zwecke keine Rolle.