[JavaScript] Access the properties of an object

1.   object does not have the property of length, so if you need to iterate properties of the object, you can only

<html>
	<head>
		<script type="text/javascript">         
			function iterateObjectProperty() {
				var homer = {"name": "Homer Simpson",
				            "age": 34,
				            "married": true,
				            "occupation": "plant operator",
				            'email': "homer@example.com",
				            x: 1,
				            y: '2'
				           };                                 
				var displayValue = '';
				var tmp = '';
				for(tmp in homer){
					displayValue += tmp +": "+ homer[tmp]+", ";
				}
				alert(displayValue);
			}
		</script>
	</head>

	<body>
		<form>
			<input type="button" name="demojavascript" value="Demo Iterate Object Property" 
							οnclick="iterateObjectProperty();"/>
		</form>
	</body>
	
</html>


2.   To access the properties of an object, you can

object.property       // the property name is an identifier, customer.("address" + i),error

object[property]      // the property name is a string, customer["address" + i],OK

When you use the . operator to access a property of an object, however, the name of the property is expressed as an identifier. Identifiers must be typed literally into your JavaScript program; they are not a datatype, so they cannot be manipulated by the program. The following code is illegal:

var addr = "";

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

    addr += customer.("address" + i) + '\n'; //error

}

On the other hand, when you access a property of an object with the [] array notation, the name of the property is expressed as a string. Strings are JavaScript datatypes, so they can be manipulated and created while a program is running. The following code is legal:

var addr = "";

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

    addr += customer["address" + i] + '\n';// OK

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值