JavaScriptのオブジェクトにイメージを追加する方法

Question

という配列に追加するオブジェクトを作成しています.という名前のユーザーの名前、ユーザーと説明のタイプを追加するだけでなく、イメージを追加する必要があります上記の画像配列imagelistの画像を使用してこのオブジェクトに追加します。何か案は？ここで

var clientlist = {}; 
var imagelist = ["image1.jpg","image2.jpg","image3.jpg"]; 

function myFunction(){ 

var client = {}; 

var user = $("#username").val(); 
var type = $("#type").val(); 
var description = $("#description").val(); 

client["user"] = user; 
client["type"] = type; 
client["description"] = description; 

clientlist[clientlist.length] = client; 

$("#message").html("Client created"); 

} 

Answer 1

あなたがクライアントのアバターに最初の画像を設定する方法を示します。

client["avatar"] = imagelist[0]; // The client's avatar will be the first image of the list. 

あなたはそれがドロップダウンになりたい場合それではclient.avatarが"image1.jpg"

だろうあなたはこのHTMLを持っています：

<select> 
    <option value="0">Image 1</option> 
    <option value="1">Image 2</option> 
    <option value="2">Image 3</option> 
</select> 

client.avatarを更新するには、このJav aScript：

var avatar = document.getElementById('avatar'); 
client["avatar"] = imagelist[avatar.options[avatar.selectedIndex].value]; 

Answer 2

あなたは以下のようにすることができます。

var imagelist = ["image1.jpg","image2.jpg","image3.jpg"]; 
var client; 

var user = $("#username").val(); 
var type = $("#type").val(); 
var description = $("#description").val(); 

for (var i = 0, len = imagelist.length; i < len; i++) { 
    (function(i){ 
     var client = new Object(); 
     client["user"] = user; 
     client["type"] = type; 
     client["description"] = description; 
     client["yourAvatar"] = imagelist[i]; 
    })(i) 
}