Zenn
Open2

JavaScript/TypeScriptでファイル名が特定のファイル形式（拡張子）かどうか確認する方法

こにおこにお

この例では動画ファイルかどうかを確認していますが、最初に定義した配列の中身を変更することで任意のファイル形式かどうかを確認できます。

// 動画ファイルに使われる拡張子のリストの定義
const videoExtensions: string[] = [
  "asf",
  "avi",
  "flv",
  "m2ts",
  "m4v",
  "mkv",
  "mov",
  "mp4",
  "mpeg",
  "mpg",
  "ogg",
  "ogm",
  "ogv",
  "qt",
  "ts",
  "vob",
  "webm",
  "wmv",
];

export const isVideoFile = (fileName: string): boolean => {
  return videoExtensions.some((videoExtension: string) => {
    return fileName.endsWith(`.${videoExtension}`);
  });
};


// 実行結果
console.log(isVideoFile("foo.mp4")); // => true
console.log(isVideoFile("bar.mp3")); // => false
こにおこにお

画像ファイルの拡張子リスト

const imageExtensions: string[] = [
  "apng",
  "avif",
  "gif",
  "jpeg",
  "jpg",
  "png",
  "tif",
  "tiff",
  "webp",
];