ファイル拡張子を抽出したい | 正規表現 | JavaScript 目的別リファレンス

このプログラムは、ファイル名から拡張子を抽出します。正規表現を使用して、ファイル名の末尾にある拡張子部分を取得します。

ファイルの拡張子抽出プログラム

実行例

抽出前のファイル名リスト: “document.pdf, image.png, archive.zip, video.mp4, notes.txt, archive.zip123, file.jpeg”

JavaScriptとHTMLコード

<div id="output"></div>

window.onload = function() {
    const filenames = [
        "document.pdf",
        "image.png",
        "archive.zip",
        "video.mp4",
        "notes.txt",
        "archive.zip123",
        "file.jpeg"
    ];
    const regex = /\.(\w{1,4})(?=\s|$)/;
    let results = filenames.map(filename => {
        const match = filename.match(regex);
        return match ? `${filename} の拡張子: ${match[1]}` : `${filename} には拡張子がありません`;
    });
    document.getElementById('output').innerHTML = results.join('
');
};
    

このプログラムの解説

このプログラムは、与えられたファイル名リストから拡張子を抽出します。使用される正規表現は、拡張子がピリオドに続く1～4文字であることを確認します。

• 拡張子はピリオドの直後に続く1～4文字。
• 拡張子の後に空白または文字列が続かないことを確認。

使用したオブジェクトとメソッドについて

• String.prototype.match() – 文字列に対して正規表現を適用し、一致した部分を取得します。

Stringオブジェクト メソッドの機能一覧

Stringオブジェクト メソッドの機能一覧 | JavaScript リファレンス

JavaScriptのStringオブジェクトは、文字列を操作するための強力なオブジェクトです。文字列はJavaScriptにおいて非常に重要なデータ型であり、文字の並びを表します。Stringオブジェクトは、プリミティブな文字列をラップするオブジェクトであり、文字列に対するさまざまな操作を行うメソッドを提供します。た...

programming-cafe.com