JavaScriptで文字列からファイル拡張子をトリミングする方法は？

たとえば、以下のことを仮定してx = filename.jpg、私が取得したいfilename場合は、filename任意のファイル名にすることができ（のファイル名のみが[-ZA-Z0-9は-_]簡単にするために含まれているとしましょう。）。

DZone Snippetsで見x.substring(0, x.indexOf('.jpg'))ましたが、パフォーマンスは良くありませんか？ので、プロパティであり、一方、文字のチェックを行わない機能であり、文字のチェックを行います。x.substring(0, x.length-4)lengthindexOf()

拡張子の長さがわかっている場合x.slice(0, -4)は、使用できます（4は拡張子とドットの3文字です）。

長さがわからない場合は、@ 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-43文字の拡張子のみを考慮します。あなたが持っている場合はどうなりますfilename.jpegかfilename.pl？

編集：

答えると...確かに、常にの拡張子がある場合は.jpg、問題x.length-4なく動作します。

ただし、拡張の長さがわからない場合は、いくつかの解決策のいずれかが優れています/より堅牢です。

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

または

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

または

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

または（ファイル名にドットが1つしかないという前提で）

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

または（ドットも1つだけ）

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

0.12.xより前のNode.jsバージョン：

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.

これは私が知っている1つの操作だけではありませんが、少なくとも常に機能するはずです。

更新：ワンライナーが必要な場合、ここにあります：

(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 == "filename"になります。

試すには、次のコマンドをChromeデバッガのコンソールウィンドウに書き込みます。 window.location.pathname.split("/").slice(-1).join().split(".").shift()

ファイル名とその拡張子のみを処理する必要がある場合（例：）theNameWithExt = "filename.jpg"：

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

結果は、上記と同じtheName == "filename"になります。

ノート：

1. 1つ目は少し遅いため、より多くの操作を実行します。しかし、どちらの場合でも機能します。つまり、パスまたはexを含むファイル名を含む特定の文字列から拡張子なしのファイル名を抽出できます。2番目の方法は、指定された変数にfilename.extのようなextを持つファイル名が含まれている場合にのみ機能しますが、少し高速です。
2. どちらのソリューションも、ローカルファイルとサーバーファイルの両方で機能します。

しかし、他の回答とのパフォーマンスの比較についても、ブラウザーまたはOSの互換性についても、何も言えません。

作業スニペット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.1でテスト済み。

ここで正規表現が役に立ちます。Javascriptの.replace()メソッドは正規表現を使用します。これを利用して、目的を達成できます。

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

もう1つのライナー-ファイルはjpg画像であると想定します>>例：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を使用しないでください。