如何在javascript中向对象添加图像
我正在创建一个对象如何在javascript中向对象添加图像,javascript,Javascript,我正在创建一个对象client,我将其添加到一个名为clientlist的数组中,除了添加用户名、用户类型和描述之外,我还需要使用上面列出的图像数组imagelist向该对象添加一个图像。有什么想法吗 var clientlist = {}; var imagelist = ["image1.jpg","image2.jpg","image3.jpg"]; function myFunction(){ var client = {}; var user = $("#username").v
client
,我将其添加到一个名为clientlist
的数组中,除了添加用户名、用户类型和描述之外,我还需要使用上面列出的图像数组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");
}
以下是如何将第一个图像设置为客户端的化身:
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>
你可以像下面这样做
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)
}
var-imagelist=[“image1.jpg”、“image2.jpg”、“image3.jpg”];
var客户端;
var user=$(“#用户名”).val();
变量类型=$(“#类型”).val();
var description=$(“#description”).val();
对于(var i=0,len=imagelist.length;i
JavaScript对象没有.length
。如果希望按顺序插入条目,则需要使用数组(var clientlist=[];
)和。这些图像与特定用户的关系如何?@RomanPerekhrest我希望每个对象包含不同的图像,就像它是每个客户端的化身一样。@JonathanLonowski我使用.length
将每个客户端添加到数组客户端列表中的新位置。第一个客户端位于0
位置,第二个客户端位于1
位置,依此类推。@Gonzaloclientlist
不是一个客户端。这是一个普通的图像,它的.length
将是未定义的
@mysteryblocked如果从下拉列表中选择图像会怎么样?。你将如何编写它,以便将我从下拉列表中选择的图像添加到对象中?@Gonzalo我刚刚添加了一种方法:)@MysteryBlockhed抱歉,我忘了,它成功了。非常感谢你。
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)
}