Как сделать массив, содержащий только картинки?

Question

какими способами можно сделать массив только из картинок?

"reviews": [
  {
    "id": 32641,
    "text": "отлично",
    "authorName": "Lena",
    "staffName": "Марина",
    "pictures": [
      {
        "url": "/static/img/picture-missing/review_picture.jpg?v=1"
      },
      {
        "url": "/static/img/picture-missing/review_picture.jpg?v=1"
      }
    ]
  },
  {
    "id": 25638,
    "text": "так себе мастер",
    "authorName": "Sasha",
    "staffName": "Марина",
    "pictures": [
      {
        "url": "/static/img/picture-missing/review_picture.jpg?v=1"
      },
      {
        "url": "/static/img/picture-missing/review_picture.jpg?v=1"
      }
    ]
  }
]
нужен такой массив, для его передачи другому компоненту, который при клике увеличивает картинки.
[
"url": "/static/img/picture-missing/review_picture.jpg?v=1", 
"url": "/static/img/picture-missing/review_picture.jpg?v=1",
"url": "/static/img/picture-missing/review_picture.jpg?v=1",
"url": "/static/img/picture-missing/review_picture.jpg?v=1"
]

Answer 1

const data = { "reviews": [
  {
    "id": 32641,
    "text": "отлично",
    "authorName": "Lena",
    "staffName": "Марина",
    "pictures": [
      {
        "url": "/static/img/picture-missing/review_picture.jpg?v=1"
      },
      {
        "url": "/static/img/picture-missing/review_picture.jpg?v=1"
      }
    ]
  },
  {
    "id": 25638,
    "text": "так себе мастер",
    "authorName": "Sasha",
    "staffName": "Марина",
    "pictures": [
      {
        "url": "/static/img/picture-missing/review_picture.jpg?v=1"
      },
      {
        "url": "/static/img/picture-missing/review_picture.jpg?v=1"
      }
    ]
  }
]}

const result = data.reviews.flatMap(review=>review.pictures)
console.log(result)
console.log(result.map(pic=>pic.url))

БЛОГ НА HUSL

Как сделать массив, содержащий только картинки?

Ответы (1 шт):