如何访问 img 值？ javascript

Question

我有一个具有多个属性的对象数组，其中一个称为 'file'，其中有两种类型，如下所示

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方法来检查文件是否包含'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)

Answer 2

这个简单的过滤器 returns 你只需要那些在文件字符串中有 png 的产品

products.filter(product => product.file.match('png').length);

如何访问 img 值？ javascript

How to access the img value? javascript

javascript

image

if-statement

png

angular7