Javascript-通過對象文字符號將圖像添加到對象

Question

我一直試圖通過對象文字符號將圖像添加到幾個不同的對象中。

我無法正常工作，想知道是否有人對此有任何見識。

var hotelRooms = [
  {
   hotel: 'Hotel Hawaii',
   price: '$350 / Night',
   size: '400 Square Feet',
   img: 'images/image.src', // What I have tried.
   image: 'images/image.src' // What I have tried.
  },
  {
   hotel: 'Downtown Hawaii',
   price: '$450 / Night',
   size: '300 Square Feet',
   img: 'images/image.src', // What I have tried.
   image: 'images/image.src' // What I have tried.
 }
];

Answer 1

您可以添加URL：

var hotelRooms = [
    {
        hotel: 'Hotel Hawaii',
        price: '$350 / Night',
        size: '400 Square Feet',
        imgUrl: 'https://www.example.com/images/img123.jpg'
    }
];

或文件名作為字符串：

var hotelRooms = [
    {
        hotel: 'Hotel Hawaii',
        price: '$350 / Night',
        size: '400 Square Feet',
        imgFile: 'img123.jpg'
    }
];

或使用某種ID構造它們：

var hotelRooms = [
    {
        hotel: 'Hotel Hawaii',
        price: '$350 / Night',
        size: '400 Square Feet',
        id: 123
    }
];

通過構建如下網址：

"https://www.example.com/images/img" + hotelRooms[0].id + ".jpg";

當您擁有這樣的URL（直接存儲為對象屬性或由零件構造）時，可以在模板中使用它，也可以將其添加到<img>標記的src屬性中。

很難再說什么了，因為您對要使用這些圖像到底要做什么的問題不是很明確，所以我只能盡力而為。

請記住，這里的內容不是有效的JSON。 如果您需要構造JSON，則將如下所示：

[
    {
        "hotel": "Hotel Hawaii",
        "price": "$350 / Night",
        "size": "400 Square Feet",
        "id": 123
    }
]

帶雙引號的字符串和對象鍵。

您沒有對JSON本身說任何話，但是人們經常嘗試將像這樣的數據作為JSON處理，並且沒有正確引用引號的鍵就無法正常工作-JS中的那些可以具有未引號的鍵（不是保留字）並且單引號的字符串。