js中获取对象的属性值（js对象获取属性的方法(.和[]方式)）

js对象获取属性有两种方法：1.通过.的方式  2. 通过[]方式

// 通过.方式获取属性值             ，key是静态的

var aa = {name: "zhang", age: 18};

console.log(aa.name);

// 通过[]获取属性值, key是动态的 
  
 
  
 
  
 
  
 
  
 
  
 
，可以是字符串












，或者数字的形式

var bb = {"apple": 3, "pear": 2}

var cc = {1: "number1", 2: "number2"}

console.log(bb["apple"]);

console.log(cc[1]);  // 注意这里的写法跟数组容易混淆 
  
  
  
  
  
  ，cc仍是对象 
  
  
  
  
  
  
，不是数组. 这种写法不对吧

 


 


 


 


 


 

，我在https://www.w3schools.com/js/tryit.asp?filename=tryjs_map_create_array的编辑器上试了也不行！

// 获取对象所有key的方法

console.log(Object.keys(bb));  // 输出[ apple, pear ]

=========================分割线===========================

map对象是[] 
 
 
 
 
 
 ，如：var map = new Map([

  ["apples", 500],

  ["bananas", 300],

  ["oranges", 200]

]);

对象是{} 
   
   
   
   
   
   
，如：var aa = {name:"zhang",age:18};

但是也可以定义这样的对象
 

 

 

 

 

 
，如：var bb = {"name":"goals",age:18}; //这种当成了键值对？

总结：

var aa = {name:"zhang",age:18};//key值都没有""

var bb = {"name":"goals",age:18};//key值
 

 

 

 

 

 

 ，一个有"",一个没有

var cc = {"name":"goals","age":18};//key值都有""

取值方法：

aa.name 可

aa["name"]  可

aa[name] 不可

bb,和cc的结果均与aa一致（在 https://www.w3schools.com/js/tryit.asp?filename=tryjs_map_create_array 编辑器上）