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 
    } 
]; 

次のようなURL：

"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内のそれらは予約されていないキー単語）とシングルクォート文字列。