Как извлечь нужные данные из объектов JSON?

Question

[Александр Иванов]

Json

{
  "response": [
    117832,
    {
      "id": 275117,
      "attachment": {
        "type": "photo",
        "photo": {
          "pid": 456257316,
          "user_id": 100,
          "src": "htkkk03379/26414/eYtW5P_DUGI.jpg",
          "src_big": "httk379/26415/G8nUUMTT2b4.jpg",
          "src_small": "httk03/v635103379/26413/KR_d0PkrQos.jpg",
          "width": 413,
          "height": 413
        }
      }
    }
  ]
}

код на реакт

const listImages = this.props.articles.map((value, index)=>{
            if(index !== 0){                
console.log(value.attachment.photo.src); // явно не работает
                return <div key={value.id} className="posts__block">
                    <a href="#" className="posts__block__image" onClick={this.togglePopup.bind(this,index)}>
                        {value.id} <br />
                        {/*{value.text}*/}
                        {value.likes.count} <br />
                        {value.comments.count} <br />
                        {value.reposts.count} <br />
                        {/*{value.attachments.type}*/}
                    </a>
                </div>;
            }
        });

Как обратить к изображению в attachment или attachments ?

Вообще если скините хотя бы полезную статью после которой пойму как обращаться к настолько глубоко зарытым данным, то тоже отмечу решением т.к. не находил материала с примерами.

Answer 1

[Влад Хеллсайт]

let { attachment } = data.response[1];

attachment = attachment[attachment.type];

Comments

[Александр Иванов]

Спасибо!
https://learn.javascript.ru/destructuring - от себя т.к. я например понятия не имел как это применить )

осталось объединить нужные элементы массива в один можно сдать.

[Александр Иванов]

cimonlebedev, {attachment,likes,comments}