Question

我正在尝试打印一个javascript对象，其内容我不知道在HTML

$(".side div .data").replaceWith('<p class="data">' + $.each(d, function (key, value) {
    return key;
}) + '</p>');

我想循环浏览对象并打印他们的key-value对

Answer 1

如果Object不包含循环引用，则可以使用

JSON.stringify(object)

否则你可以尝试循环

for(var i in obj) {
    console.log(i + " : " + obj[i]);
}

Answer 2

想要遍历对象并打印其键值对

尝试使用$.map()，Array.prototype.join()

＆＃13;

var d = {a:1, b:2, c:3};

$(".side div .data").replaceWith('<p class="data">' 
  + $.map(d, function (value, key) {
    return key + ":" + value;
  }).join(" ") 
+ '</p>');

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="side">
  <div>
  <span class="data"></span>
    </div>
  </div>

＆＃13;

Answer 3

如果您不想在任何特定的格式中打印日期，请使用$(".data").append(JSON.stringify(d));，否则请尝试以下操作

＆＃13;

var d = {
  a: 1,
  b: 2,
  c: 3
};
$.each(d, function(i, item) {
  $(".data").append(i + ' -> ' + item + '<br> ');
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="side">
  <div>
    <span class="data"></span>
  </div>
</div>

＆＃13;

Answer 4

根据您提供的代码中的标记，看起来您正在尝试...

$(".side div .data").html(JSON.stringify(d))

甚至只是....因为你要归还的东西可能已经是格式html

$(".side div .data").html(d)

在HTML中打印javascript对象

4 个答案: