blocks|key|3851022|text|在javascript中，您可以访问对象属性值，将对象视为关联数组：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3851023|for(var+prop+in+houseA)+{+document.write(prop);+document.write(houseA[prop]);+}|code-block|syntax|javascript|3851024|编辑：|offset|length|style|BOLD|3851025|您的对象具有无效语法，如果您在属性名称中使用空格，请用引号将其引起来，否则将是语法错误。|3851026|entityMap^0|0|0|0|3|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@$I|T|J|U|K|L]]|9|@]|A|$]]|$1|M|3|N|5|6|7|V|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

In javascript you can access values of object properties treating objects as an associative array:

<pre><code>for(var prop in houseA) { document.write(prop); document.write(houseA[prop]); }
</code></pre>

EDIT:

Your object has invalid syntax, If you use space in your property name, enclose it with quotation mark, otherwise it is a syntax error.

blocks|key|3851060|text|使用JavaScript的最佳实践是确保不包含任何可能继承的原型对象的属性，因此：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3851061|for+(var+property+in+houseA)+{
++++if+(houseA.hasOwnPropery(property))+{
++++++++document.write(property+%2B+':+'+%2B+houseA[property]);
++++}
}|code-block|syntax|javascript|3851062|这将写成：|3851063|county:+Falls+County|3851064|等|3851065|正如@ManofSnow正确指出的那样-如果像这样定义，你就不能拥有一个包含空格的对象的属性。但是，您可以用引号将属性括起来。|3851066|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|V|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

With JavaScript its best practice to ensure that you don't include the properties of any prototype objects you may be inheriting from, so:

<pre><code>for (var property in houseA) {
 if (houseA.hasOwnPropery(property)) {
 document.write(property + ': ' + houseA[property]);
 }
}
</code></pre>

This would write out:

<pre><code>county: Falls County
</code></pre>

etc

And as @ManofSnow correctly points out - you can't have a property of an object with a space in it if defined like this. However you can enclose the property in quotation marks.

blocks|key|1535691|text|简单：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1535692|var+prop;

for+(prop+in+houseA)+{
++++if+(houseA.hasOwnProperty(prop))+{
++++++++console.log(prop+%2B+':'+%2B+houseA[prop]);
++++}
}|code-block|syntax|javascript|1535693|仅当迭代对象的属性时，才建议将用于循环迭代。我在循环之前声明了prop+var，以避免提升。方法hasOwnProperty是为了避免从原型中打印变量，最后我使用console.log()在控制台上打印内容，您可以将其更改为document.write()。|offset|length|style|BOLD|1535694|干杯。|1535695|entityMap^0|0|0|2|7|F|36|0|0|3|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@$I|T|J|U|K|L]|$I|V|J|W|K|L]]|9|@]|A|$]]|$1|M|3|N|5|6|7|X|8|@$I|Y|J|Z|K|L]]|9|@]|A|$]]|$1|O|3|-4|5|6|7|10|8|@]|9|@]|A|$]]]|P|$]]

Easy:

<pre><code>var prop;

for (prop in houseA) {
 if (houseA.hasOwnProperty(prop)) {
 console.log(prop + ':' + houseA[prop]);
 }
}
</code></pre>

The use of for cycle is recommended only for iterate over the properties of an object. I declare prop var before the cycle to avoid hoisting. The method hasOwnProperty is to avoid print variables from the prototype, finally I use console.log() to print things on console, you can change it for document.write().

Cheers.

blocks|key|1364031|text|枚举属性的惯用HTML5方法使用Object.keys函数。它看起来像这样；|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1364032|Object.keys(houseA).forEach(function(prop)+{
++++console.log(prop+%2B+':'+%2B+houseA[prop]);
});|code-block|syntax|javascript|1364033|此代码段遍历houseA对象中的所有键。尽管这个版本在功能上是等效的，但它比使用for...in循环更好，因为它更简洁，是一种功能更强大的方法。|1364034|如果您还想迭代不可枚举的属性，则可以使用Object.getOwnPropertyNames(obj)函数。|1364035|您可以查看this+blog+post了解这些样式之间的差异的更深层次的描述。|1364036|entityMap|0|LINK|mutability|MUTABLE|url|https://javascriptweblog.wordpress.com/2011/02/28/javascript-object-keys-finally/^0|G|B|0|0|6|6|14|8|0|K|V|0|5|E|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|11|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|12|8|@$9|13|A|14|B|C]|$9|15|A|16|B|C]]|D|@]|E|$]]|$1|M|3|N|5|6|7|17|8|@$9|18|A|19|B|C]]|D|@]|E|$]]|$1|O|3|P|5|6|7|1A|8|@]|D|@$9|1B|A|1C|1|1D]]|E|$]]|$1|Q|3|-4|5|6|7|1E|8|@]|D|@]|E|$]]]|R|$S|$5|T|U|V|E|$W|X]]]]

The idiomatic HTML5 way to enumerate properties uses the <code>Object.keys</code> function. It would look like this;

<pre><code>Object.keys(houseA).forEach(function(prop) {
 console.log(prop + ':' + houseA[prop]);
});
</code></pre>

This snippet iterates through all keys in the <code>houseA</code> object. Even though this version is functionally equivalent, it is preferred to using a <code>for...in</code> loop because it is more concise and is a more functional approach.

If you also want to iterate over non-enumerable properties, you can use the <code>Object.getOwnPropertyNames(obj)</code> function.

You can see <a href="https://javascriptweblog.wordpress.com/2011/02/28/javascript-object-keys-finally/" rel="nofollow">this blog post</a> for a deeper description of the differences between these styles.

Lets say you have an object you created in javaScript and you want to print out the property and the corresponding value, how would you do that? Here is an example below. Obviously in real life I wouldn't keep making objects, but bear with me here. 

<pre><code>var houseA = {
 county: "Falls County",
 school: "Trinity West Elementary School",
 square_feet: 2500,
 specs: "3 bedroom and 2 bath"
};

for(var prop in houseA) {
 document.write(prop);
}

//This would out put 
county
school
square feet
specs
</code></pre>

How would you make it output the values with the properties?

I know you can do it mannually by doing below.

<pre><code>document.write(houseA.county);
document.write(houseA.school); 
</code></pre>

so on and so fourth.

How do you print out all properties of an object and the values assigned to them in JavaScript?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

假设你有一个在javaScript中创建的对象，你想打印出属性和相应的值，你该怎么做呢？下面是一个例子。显然，在现实生活中，我不会一直制作物体，但请耐心等待。var houseA = {    county: "Falls County",    school: "Trinity West Elementary Sch...

问如何在JavaScript中打印出对象的所有属性以及分配给它们的值？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在JavaScript中打印出对象的所有属性以及分配给它们的值？EN