【JS基础】(.和[])--对象获取属性的方法区别与使用【补充知识点Object.keys()】

对象获取属性的方法(.和[]方式)

js对象获取属性有两种方法

1.通过.的方式

// 通过.方式获取属性值，key是静态的
var a = {name: 'Milk', age: 21};
console.log(a.name);
console.log(a.age);

2.通过[]方式

// 通过[]获取属性值，key是动态的，可以是字符串，或者数字的形式
var b = {"mimi": 6, "lulu": 8};
var c = {7: "qiqi", 9: "kiki"};
console.log(b["mimi"]);
console.log(b["lulu"]);
console.log(c[7]);
console.log(c[9]);

// 获取对象所有key的方法
var b = {"mimi": 6, "lulu": 8};
var c = {7: "qiqi", 9: "kiki"};
console.log(Object.keys(b));
console.log(Object.keys(c));

补充知识点：

Object.keys()

描述

Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和正常循环遍历该对象时返回的顺序一致 。

语法

Object.keys(obj)

参数

obj：要返回其枚举自身属性的对象

返回值

一个表示给定对象的所有可枚举属性的字符串数组