如何找出数组中是否只存在一项

Question

我有一个画廊，当画廊中只有一个项目时，我想禁用缩略图。

我正在使用 JADE 循环创建缩略图托盘，如下所示：

   .thumbnails.tumbnail-tray
      each thumbnail in product.thumbnails
        - var className = (thumbnail.selected) ? 'active' : ''
        .thumb(class=className)
          img(src="images/#{thumbnail.thumb}" main-image="images/#{thumbnail.src}" alt="thumbnail.alt")

这是 JSON 结构：

"thumbnails": [
    {
      "selected": true,
      "src": "image1.jpg",
      "thumb": "image1_thumb.jpg",
      "alt": ""
    }
  ]

我想做的是创建一个如果 thumbnails.length => 2 显示缩略图托盘 else 不。

有什么办法可以做到这一点吗？

Answer 1

您可以将 JSON 数组分配给一个变量，然后使用 length 属性:

var thumbnails = [
  {
    "selected": true,
    "src": "image1.jpg",
    "thumb": "image1_thumb.jpg",
    "alt": ""
  }
]

if (thumbnails.length > 1) {
  // do something
}

如何找出数组中是否只存在一项

How to find out if only one item exists in array

javascript

arrays

loops

pug