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

javascript获取目标对象的属性值,有两种方法:1.通过object.key(即.的方式)

2.通过object[key](即[]方式)。

下面用一个例子来说明:

//通过.方式获取属性值,key是静态值,即{h:"value"}时,h是没有"",为静态值。
    var someOne = {
    
    
        name: "张三",
        age: "四岁"
    };
    console.log(someOne);
    // 通过[]获取属性值, key是动态的,可以是字符串,或者数字的形式(即Number类型)
    var string = {
    
    
        "String": "key为字符串""other": "其他字符串"
    };
    var number = {
    
    
        1: "key为数字类型",
        2: "key为数字类型"
    };
    console.log(string["String"]);
    console.log(number[1]);  // 注意这里的写法跟数组容易混淆,number仍是对象,不是数组
    // 获取对象所有key的方法
console.log(Object.keys(string));  // 输出[ 'key为字符串类型', '其他字符串类型' ]
    

猜你喜欢

转载自blog.csdn.net/qq_43604486/article/details/102885912