如何打印 javascript 对象？

Question

我有一个对象，

var object= {}

我在对象中放入一些数据，然后我想像这样打印它，

document.write(object.term);

该术语是一个根据不同情况而变化的变量。当我尝试打印它时，它出现未定义。

该怎么做呢？

更新：

这是我正在处理的代码。我想它可能与我上面所说的不一样，因为我是在 selenium 中使用 browsermob 进行的，我只是认为它与 document.write() 类似。这是代码

var numCardsStr = selenium.getText("//div[@id='set-middle']/div[2]/h2");

var numCards = numCardsStr.substr(4,2); 

browserMob.log(numCards);

var flash = {}

for(i=0; i<(numCards); i++){

var terms = selenium.getText("//div[@id='words-normal']/table/tbody/tr[" + (i + 2) + "]/td[1]");
var defs = selenium.getText("//div[@id='words-normal']/table/tbody/tr[" + (i + 2) + "]/td[2]");

flash[terms] = defs;

browserMob.log(flash.terms);

}

Answer 1

如果您使用 document.write()，那么您很有可能在实例化对象之前尝试引用该对象。我的建议：不要使用 document.write() ，除非您在模板中需要它。对于所有其他目的，请等到页面加载，然后将脚本作为事件处理程序运行。

失败可能还有其他原因，但您的代码示例不够完整，无法进行诊断。

Answer 2

要将整个对象输出为文本，请使用 JSON 库:

<script type="text/javascript" src="http://www.JSON.org/json2.js"></script>

。

var o = { "term": "value" };
document.write(JSON.stringify(o, null, 4));

这会将对象输出为字符串并缩进 4 个空格以方便阅读。

---

你要做的是这样的：

var terms = "abcd";
var defs = "1234";
var flash = {};
flash[terms] = defs;

这会创建这个对象：

{
    "abcd": "1234"
}

如果你想浏览属性（即“abce”），请执行以下操作：

for (var key in flash) {
    document.write('Key "' + key + '" has value "' + flash[key] + '"<br/>');
}

这将输出：

Key "abcd" has value "1234"

Answer 3

因为我还没有看到提到这一点：

var a = {prop1:Math.random(), prop2:'lol'};
a.toString = function() {
    output = [];
    for(var name in this) if(this.hasOwnProperty(name) && name != 'toString') {
        output.push([name, this[name]].join(':'));
    }
    return "{\n"+output.join(",\n\t")+"\n}";
};
document.write(a);

// should look like:
/*
    {
        prop1:0.12134432,
        prop2:lol
    }
*/

如果您正在定义一个对象类，例如 MyObj：

var MyObj = function(id) {
    this.someIdentity = id;
};
MyObj.prototype.toString = function() {
    return '<MyObject:'+this.someIdentity+'>';
};

然后每当您编写类似的内容时，

document.write(new MyObject(2));

它都会显示为 。

Answer 4

• 避免 document.write

• 如果您使用 Firefox，请安装 firebug 并使用它的 控制台 api

• 相同的控制台 api 也应该在 chrome 中工作。

• 对于 IE，获取 companion js

• 在 javascript 中，如果属性名称是事先已知的。如果不是，则：

如果 pn 包含属性名称，则 obj[pn] 应该为您提供值。

Answer 5

在 Firefox 和 Chrome/Safari 中，您可以简单地使用...

var myObj = {id: 1, name: 'Some Name'};
window.console.log(myObj);

控制台将输出类似“对象”的内容

。如果您在 Chrome 中，您可以使用内置的开发人员控制台轻松检查对象的内部值。

如果你使用 firefox，输出也应该来自 firebug...

我将其声明为使用 document.write 的替代方案，因为在文档上输出内容对我来说似乎有点侵入性...

Answer 6

编辑： 您使用了两个不同的变量名称：flash 和flashcards。我不知道它们是否意味着相同的东西，但是您正在使用 [] 表示法设置值，然后得到 它使用 . 表示法。

尝试：

var flash = {};

...

flash[terms] = defs;

browserMob.log(flash[terms]);

---

如果 term 是一个变量来表示您要检索的属性，那么您应该使用方括号表示法从对象中获取属性。

示例： http://jsfiddle.net/xbMjc/ (使用警报而不是 document.write）

var object= {};

object.someProperty = 'some value';

var term = "someProperty";

document.write( object[term] );  // will output 'some value'