JavaScriptを使用して文字列からファイル拡張子を削除するにはどうすればよいですか?

多くの Web アプリケーションでは、ユーザーがファイルをアップロードできます。さらに、ファイル拡張子をトリミングした後、ファイルの内容とファイル名が表示されます。

さらに、場合によっては、拡張子なしのファイル名をキーとしてファイルの内容をデータベースに保存する必要があります。したがって、さまざまな使用例では、アップロードされたファイルのファイル名を拡張子なしで使用する必要があります。

ここでは、JavaScript を使用して文字列からファイル拡張子を削除するさまざまな方法を学びます。

array.split()、array.pop()、および array.join() メソッドを使用する

各ファイル名には、ファイル名の最後のドットの後にファイル拡張子が含まれます。したがって、「.」を区切り文字として使用してファイル名を分割できます。その後、array.pop() メソッドを使用して最後の要素を削除し、配列要素を再度連結してファイル名のみを取得します。

＃＃＃文法＃＃＃

ユーザーは、次の構文に従って、array.split()、array.pop()、および array.join() メソッドを使用できます。

リーリー ＃＃＃アルゴリズム＃＃＃

ステップ 1

– アップロードされたファイルのファイル名を取得します。

ステップ 2 – ドット (.) を区切り文字として使用してファイル名を分割します。

ステップ 3 – Pop() メソッドを使用して、配列から拡張子を削除します。

ステップ 4 – join() メソッドを使用して、ファイル拡張子なしで分割配列を結合します。

ステップ 5 – FinalName 変数には、拡張子が削除されたファイル名が含まれます。

例 1 以下の例では、ユーザーが任意の形式でファイルをアップロードできるようにするユーザー入力を作成します。ユーザーがファイルをアップロードするたびに、name 属性を使用してファイル名を取得し、上記のアルゴリズムを実行してファイル拡張子をトリミングします。

出力では、ユーザーは拡張子の有無にかかわらずファイル名を確認できます。

リーリー

正規表現を使用する

正規表現検索パターンを使用して、ファイル名文字列内のファイル拡張子を検索できます。その後、string.replace() メソッドを使用して、ファイル拡張子を空の文字列に置き換えます。

＃＃＃文法＃＃＃

ユーザーは、次の構文に従って正規表現と置換メソッドを使用して、文字列内のファイル拡張子を削除できます。

リーリー

上記の構文では RegExp() コンストラクターを使用して正規表現を作成しました。

正規表現の説明

\.

– 「.」文字で始まる文字列を表します。

[^/.]

- 文字列に「.」以外の文字が少なくとも 1 つ含まれていることを示します。 #$

- 文字列の終わりを表します。

正規表現全体では、先頭にドットを含むパターンを検索し、文字列の末尾の前にあるドット文字以外の文字を検索します。

例 2

次の例では、ファイル名を元の変数に拡張子「.html」が付いた文字列として受け取ります。ユーザーがボタンを押すと、removeExtension() 関数が呼び出されます。

removeExtension() 関数では、上記のように正規表現を作成し、それを regex 変数に保存します。その後、Replace() メソッドを使用して同じパターン (正規表現など) を空の文字列に置き換え、ファイル名文字列からファイル拡張子を削除します。

リーリー

substring() メソッドと lastIndexOf() メソッドを使用する

ファイル拡張子を表す最後のドットの後の文字列全体を削除する必要があるため、lastIndexOf() メソッドを使用して、ファイル名に含まれる「.」文字の最後のインデックスを見つけることができます。

substring() メソッドを使用すると、ユーザーは開始インデックスと終了インデックスを使用して部分文字列を取得できます。 0 番目のインデックスから最後の「.」文字インデックスまでの部分文字列を取得できます。

＃＃＃文法＃＃＃

ユーザーは、次の構文に従って substring メソッドと lastIndexOf() メソッドを使用して、ファイル名文字列からファイル拡張子を削除できます。

リーリー

上記の構文では、最初に length プロパティを使用してファイル名の長さを取得します。その後、ポイントの最後のインデックスを見つけて、substring() メソッドを使用して最後のポイントの前の部分文字列を取得します。

例 3

以下の例では、ユーザーがファイルをアップロードすると、入力によって onchange イベントがトリガーされ、removeExtension() JavaScript 関数が呼び出されます。この関数では、lastIndexOf() メソッドと substring() メソッドを使用して、アップロードされたファイルのファイル名からファイル拡張子を削除します。

ああああ

以上がJavaScriptを使用して文字列からファイル拡張子を削除するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。