不要在循环中返回空值

Question

当很少有image_url 可能是null 时，如何只返回image_url？

var lineItems = [
  {
    description: "Packaging",
    image_url: null,
    ...
  },
  {
    description: "T-Shirt",
    image_url: <the-url-link>,
    ...
  }
]

反应中：

...

lineItems.map(function(line){
  if (line.description !== "Packaging") {
    var img = line.image_url;
  }
  console.log(img);
});

...

我不断收到null 以及控制台中的网络链接。如何仅获取具有链接的image_url。 “包装”永远不会有 image_url 链接；永远是null。

Answer 1

您只需在此处使用filter 即可为您执行此操作。

const nonNulls = lineItems.filter(item => item.image_url !== null);

这会将所有非空值过滤到一个变量中。

Answer 2

var data = [
  {
    url: null
  },
  {
    url: null
  },
  {
    url: '123'
  },
  {
    url: null
  }
]
console.log(
  data.filter(function (a) {
    return a.url != null
  }).map(function (a) {
    return a.url
  })
)