Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/428.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_Jquery_Object_Properties - Fatal编程技术网

JavaScript对象属性-将它们连接在一起?

JavaScript对象属性-将它们连接在一起?,javascript,jquery,object,properties,Javascript,Jquery,Object,Properties,我在一个数组中有3个对象 myArray = [ {name: "iPhone", link: "www.apple.com"}, {name: "Nokia", link: "www.nokia.com"}, {name: "Google", link: "www.Google.com"} ] 如何创建循环并将属性放在一起显示在页面上,如下所示: myArray = [ {name: "iPhone", link: "www.apple.com"},

我在一个数组中有3个对象

myArray = [
{name: "iPhone", link: "www.apple.com"},
{name: "Nokia", link: "www.nokia.com"},
{name: "Google", link: "www.Google.com"}
]
如何创建循环并将属性放在一起显示在页面上,如下所示:

myArray = [
           {name: "iPhone", link: "www.apple.com"},
           {name: "Nokia", link: "www.nokia.com"},
           {name: "Google", link: "www.Google.com"}
         ];
var myDiv = '<div>';
for(var i=0;i<myArray.length;i++){
    myDiv= myDiv+ '<a href=\"'+myArray[i].link+'\">'+myArray[i].name +'</a><br/>';
}
myDiv = myDiv + '</div>';
$('#someDiv').append(myDiv); // append it to some other div
iPhone 诺基亚 谷歌

当你点击它们时会有链接


谢谢

对于纯JS,它会是这样的:

for(var i=0;i<myArray.length;i++){
    var a = document.createElement('a');
    a.href= myArray[i].link;
    a.text= myArray[i].name;
    document.body.appendChild(a);
}

你可以这样做:

myArray = [
           {name: "iPhone", link: "www.apple.com"},
           {name: "Nokia", link: "www.nokia.com"},
           {name: "Google", link: "www.Google.com"}
         ];
var myDiv = '<div>';
for(var i=0;i<myArray.length;i++){
    myDiv= myDiv+ '<a href=\"'+myArray[i].link+'\">'+myArray[i].name +'</a><br/>';
}
myDiv = myDiv + '</div>';
$('#someDiv').append(myDiv); // append it to some other div
享受吧

循环并将属性放在一起以显示在页面上

听起来您想创建一个html字符串:

var list = "<ul>";
for (var i=0; i<myArray.length; i++) {
    list += "<li><a href='"+myArray[i].link+"'>"+myArray[i].name+"</a></li>";
}
list += "</ul>";
$("body").html(list); // or something

让我们从如何做一个循环开始。。。。你知道怎么做吗,还是你才刚开始呢?我知道。谢谢。@BenDelton:那你有什么问题?对不起,我修改了问题。我想做链接。请看一看。谢谢Bergi。请尝试展示你到目前为止所做的,并详细解释你的困境。据任何人所知,您是一个绝对的初学者,甚至不知道如何进行循环或访问对象的属性。我们喜欢帮助那些正在努力但陷入困境的人。我们不太希望StackOverflow被视为免费代码服务。我认为最好使用jQuery的通用迭代器$。each,而不是将一个对象数组传递给jQuery构造函数。最好不要向不知道循环或属性访问的新手推荐jQuery迭代。嗯,我想那不是这两种方法的不同之处在于$x.each不能传递对象,而$x.each可以传递对象。@Bergi那么为什么要将这个问题标记为jQuery?@Karl AndréGagnon:这可能有效,但根据文档,将数组传递给jQuery函数的唯一支持是当它是DOM元素数组时。最好使用doc支持的语法。对不起,我已经修改了这个问题。我想做链接。请看一看。谢谢。你没有读我的答案,是吗?它确实有链接。或者你想对sameer的作品发表评论?太好了,我刚刚看到了谢谢@Bergi!!!!你也知道怎么做吗?当我点击iPhone时,一个新的div出现在里面,里面有www.apple.com。对于jqueryYes,它相当简单。你试过什么?问另一个问题,并提供不起作用的代码。document.write,不说真的:这真的是太棒了。只是别那么做我不知道文件写得太糟了。换了它。谢谢你的启示!!