js对象获取属性的方法(.和[]方式)原理
对象/数组[""],里面属性名可以是不符合js规范的,如数组索引。对象/数组[属性][]内number型属性会被隐式转换成字符串,因此数组.索引可以使用。最初数组和对象相关使用方法区别不是很大,因为数组和对象本质都是调用一个变量可以查看存储的多个值。对象/数组.属性此方式获取元素要求.后面的属性名必须符合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规范的,如数组索引
更多推荐
所有评论(0)