Javascript 如何循环这个JSON对象?
循环遍历此对象,并在从不同用户接收的单独div中显示消息。 如何做到这一点。请帮助。我对JSON、Jquery和Javascript都是新手Javascript 如何循环这个JSON对象?,javascript,jquery,json,Javascript,Jquery,Json,循环遍历此对象,并在从不同用户接收的单独div中显示消息。 如何做到这一点。请帮助。我对JSON、Jquery和Javascript都是新手 [ Object { id="1", fromuser="1", touser="4", msg="hi"}, Object { id="2", fromuser="2", touser="4", msg="hello"}, Object { id="3", fromuser="2", touser="4", msg="hru?"}, Object {
[
Object { id="1", fromuser="1", touser="4", msg="hi"},
Object { id="2", fromuser="2", touser="4", msg="hello"},
Object { id="3", fromuser="2", touser="4", msg="hru?"},
Object { id="4", fromuser="3", touser="4", msg="hru?"},
Object { id="5", fromuser="1", touser="4", msg="hru?"}
]
------------ ------------ ------------
|fromuser:1| |fromuser:2| |fromuser:3|
|msg:hi | |msg:hello | |msg:hru? |
|msg:hru? | |msg:hru? | | |
------------ ------------ ------------
您可以使用Jquery
var yourObject = [
{ id = "1", fromuser = "1", touser = "4", msg = "hi" },
{ id = "2", fromuser = "2", touser = "4", msg = "hello" },
{ id = "3", fromuser = "2", touser = "4", msg = "hru?" },
{ id = "4", fromuser = "3", touser = "4", msg = "hru?" },
{ id = "5", fromuser = "1", touser = "4", msg = "hru?" }
];
$.each(yourObject, function () {
$um = $('#usermesage' + this.fromuser);
// create new container if doesn't existes.
if ($um.length == 0) {
$um = $('<div />', {
'id': 'usermesage' + this.fromuser
});
$um.appednTo('body');
}
$um.append($('<div />', {
'class': 'line'
}).append(
$('<div />', {
text: "msg" + this.msg
});
));
});
var yourObject=[
{id=“1”,fromuser=“1”,touser=“4”,msg=“hi”},
{id=“2”,fromuser=“2”,touser=“4”,msg=“hello”},
{id=“3”,fromuser=“2”,touser=“4”,msg=“hru?”},
{id=“4”,fromuser=“3”,touser=“4”,msg=“hru?”},
{id=“5”,fromuser=“1”,touser=“4”,msg=“hru?”}
];
$.each(对象、函数(){
$um=$(“#usermesage”+this.fromuser);
//如果不存在,则创建新容器。
如果($um.length==0){
$um=$(''){
'id':'usermesage'+this.fromuser
});
$um.appednTo(‘body’);
}
$um.追加($(''){
“类”:“行”
}).附加(
$('', {
文本:“msg”+this.msg
});
));
});
对于每个项目,您需要检查它是否是对象的“键”属性
for (var property in object) {
if (object.hasOwnProperty(property)) {
//
}
}
你的方法是什么?仅仅要求代码并不是StackOverflow的目的。可能的重复也很难理解。您至少可以通过评论以下答案来帮助他人:/