js 对象、.和[ ]区别

朱雀 2021-07-24 15:51 475阅读 0赞

对象
    
    对象引用时,即对象的赋值,改变其中一个对象的值,另一个也会改变,当赋值对象的地址发生改变时,被引用对象不会改变赋值对象之前的值
    
    	定义
    	
    		属性与属性之间使用逗号分隔，属性与值之间使用冒号
    			var 对象名={
    				属性:值,
    				属性:值,
    				...
    			};
    	
    	调用
    	
    		法一
    			因为是对象不用new，直接对象名.属性名调用
    		法二
    			对象名['属性名'];
    		
    	添加属性
    	
    		法一
    			对象名.添加属性名=属性值；
    				obj.friend="me";
    		法二
    			对象名['添加的属性名']=属性值;
    	
    	.和[] 操作对象的区别
    	
    		.不能将数字作为对象的属性名，[1]可以
    		.运算符可以将关键字作为属性添加，[]运算符不可以
    		.运算符不能调用字符串变量,["on"+type]可以
    
    对象方法
    
    	返回属性数组
    		Object.keys(对象名)  返回所有属性构成的数组
    		
    	删除对象属性
    		delete 对象名.属性名 		delete obj.hero;
    	
    	检查对象是否包含属性
    		"属性名" in 对象名  		"h3" in ob;  返回布尔值
    	
    	直接遍历对象属性
    		for(变量 in 对象名)    增强for循环遍历对象，遍历的是对象属性

代码示例：

<html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    	</head>
    	<body>
    		<script type="text/javascript">
    			
    			var obj={ 
    				un:"aa",
    				pw:123
    			};
    			
    			var jbj={ 
    				age:18,
    				ww:"hha",
    				a:['a','aaa','xx'],
    				f:function(){ 
    					alert("hanshu");
    				}
    			};
    			
    			var ob={ 
    				hero:"钢铁侠",
    				h2:"蜘蛛侠",
    				h3:"美队"
    			};
    			
    			var a=Object.keys(ob);
    			
    			for(var i in ob){ 
    				alert(ob[i]);
    			}
    		</script>
    		
    		
    	</body>
    </html>