Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/448.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在javascript中向对象添加图像_Javascript - Fatal编程技术网

如何在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
位置,依此类推。@Gonzalo
clientlist
不是一个客户端。这是一个普通的图像,它的
.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)
}