时间戳

首页 > 解决方案 > 在 javascript 中使用 jpg、jpeg、png、webp 填充数组图像链接

javascript - 在 javascript 中使用 jpg、jpeg、png、webp 填充数组图像链接

问题描述

有人能帮助我吗

我有一个图像 URL 数组，并使用 filter() 方法使用 regex 或 endsWith() 仅获取带有受支持图像的链接。我整个上午都在努力

非常感谢

标签： javascriptnode.jsregex

解决方案

您可以制作一个正则表达式，其中该字符串的最后一部分是任何文件扩展名。我们可以使用测试方法进行验证。

正则表达式解释：

  • \.从字面上匹配一个点
  • (jpe?g|png|webp)任何这些文件扩展名。（e?表示 e 是可选的，这样我们匹配 jpg 和 jpeg）
  • $字符串的结尾。如果没有这个，我们也可以匹配类似的东西image.jpg.gif

const urls = [
  "image.jpg",
  "image.jpeg",
  "image.png",
  "image.webp",
  "image.svg",
  "image.gif",
];

const result = urls.filter((url) => /\.(jpe?g|png|webp)$/.test(url));

console.log(result);

推荐阅读