如何访问img值？ javascript

Question

我有一个具有多个属性的对象数组，其中一个称为“文件”，其中有两种类型，如下所示：

const products = [
  {
    functional_id: "2_recharges",
    quantity: 1,
    title: "Coffret empreinte rouge",
    file: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAA…em3dIEUUE1O4fn/M8l6v+f6VPgptdk2plAAAAAElFTkSuQmCC"
  },
  {
    functional_id: "sacs_blancs",
    quantity: 1,
    title: "Sacs blancs",
    file: "data:image/;base64,"
  }
]

[这是我第一次使用图像文件，而且我不知道如何区分以创建条件，因此仅显示其值中包含'png'的单词，对于第一个示例，因为那些像第二个一样不显示任何图像

我尝试将它们视为字符串，以检查它们是否包含值字符串，但是它不起作用，因为我了解到它们不是字符串。

[如果有人可以给我一个有关如何创造条件的想法。预先非常感谢

Answer 1

您将要使用js filter方法检查文件是否包含filter。

'png'

Answer 2

此简单过滤器仅返回文件字符串中具有png的那些产品

const products = [{
    functional_id: "2_recharges",
    quantity: 1,
    title: "Coffret empreinte rouge",
    file: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAA…em3dIEUUE1O4fn/M8l6v+f6VPgptdk2plAAAAAElFTkSuQmCC"
  },
  {
    functional_id: "sacs_blancs",
    quantity: 1,
    title: "Sacs blancs",
    file: "data:image/;base64,"
  }
]

const pngImages = products.filter(product => product.file.includes('png'))
console.log(pngImages)