如何确定数组中是否只存在一个项目

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": ""
    }
  ]

我想要做的是创建一个if 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
}