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

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

  基础获取对象属性的两种方法代码如下：

// 通过.方式获取属性值，key是静态的
var a = {name: "zhang", age: 18};
console.log(a.name);
 
// 通过[]获取属性值, key是动态的，可以是字符串，或者数字的形式
var b = {"apple": 3, "pear": 2}
var c = {1: "number1", 2: "number2"}
console.log(b["apple"]);
console.log(c[1]);  // 注意这里的写法跟数组容易混淆，c仍是对象，不是数组
 
// 获取对象所有key的方法
console.log(Object.keys(b));  // 输出[ 'apple', 'pear' ]

最初数组和对象相关使用方法区别不是很大，因为数组和对象本质都是调用一个变量可以查看存储的多个值。

两者主要区别在于：数组下标是连续的数字，按顺序存储在堆内存中；对象不一定按书写的顺序存储，主要是通过key和value的一一对应获取数据

对象和数组从原则上都是可以通过.或者[]获取属性，但是存在命名规范的问题

下面从底层说明数组实际应用不能使用.获取元素的原因

对象/数组.属性        此方式获取元素要求.后面的属性名必须符合js的命名规范

                                因为如果数组.索引，索引是数字，js规定命名不能以数字开头

                                所以不符合规范，数组获取元素就不能使用.获取

                                相应的length符合命名规范，所以可以通过arr.length获取属性值

 下面从底层说明数组和对象都可以通过[]获取元素的原因

对象/数组[属性]        []内number型属性会被隐式转换成字符串，因此数组.索引可以使用

                                所以此方法可以用来获取数组中的元素

                                对象/数组[number型]时，会把数值型转为字符串

                                对象/数组[变量]，会按变量存的值查找属性

                                对象/数组[""],里面属性名可以是不符合js规范的，如数组索引