我一直试图通过对象文字表示法将图像添加到几个不同的对象。
我无法让它发挥作用,并且想知道是否有人对此有任何见解。
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.
}
];
答案 0 :(得分:2)
您可以添加网址:
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";
如果您有这样的网址 - 直接存储为对象属性或从部件构建 - 您可以在模板中使用它或将其添加到src
标记的<img>
属性中。
很难再说些什么了,因为你对这些图像到底想要做什么并不是非常具体,所以我只能在猜测中尽力而为。
请记住,您在此处拥有的内容不是有效的JSON。如果你需要构造JSON,它将是这样的:
[
{
"hotel": "Hotel Hawaii",
"price": "$350 / Night",
"size": "400 Square Feet",
"id": 123
}
]
使用双引号字符串和对象键。
你对JSON本身没有任何说法,但人们经常尝试将这样的数据作为JSON进行处理,如果没有正确引用的密钥,它就无法工作 - JS中的那些可以不带引号的密钥(不是保留字)和单引号字符串。