发布时间:2023-04-21 文章分类:WEB开发, 电脑百科 投稿人:李佳 字号: 默认 | | 超大 打印

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 编辑器上)