JS 获取对象属性值 [] 和.区别

偏执的太偏执、 2023-10-04 14:41 14阅读 0赞

##### \[ \] 和.的区别： #####

**相同点**：都可以获取到 object 的属性值

**不同点**：

*  1、 \[ \] 运算符可以使用字符串变量的内容作为属性名，点运算符不能
 *  2 、\[ \] 运算符可以用纯数字作为属性名，点运算符不能
 *  3 、\[ \] 运算符中必须是 String 类型

**测试如下**

let user = {
        
      id: 8,
      'name': 'xia',
      地址: '西安',
      1: '123'
    };
    console.log(user["id"]);
    console.log(user.id);
    
    console.log(user["地址"]);
    console.log(user.地址);
    
    // [ ] 运算符可以用纯数字作为属性名，点运算符不能
    console.log(user["1"]);
    // 报错
    // console.log(user.1);
    
    // [ ] 运算符可以使用字符串变量的内容作为属性名，点运算符不能
    for (let key of Object.keys(user)){
        
      console.log(typeof key);
      // 全是 undefined 因为会将 key 任务 user 对象的属性，而 user 没有 key 这个属性
      console.log(user.key);
      // 正常显示
      console.log(user[key]);
    }

\[ \] 另一种用法 ，有个疑惑，希望知道的给说说，就是看着数组有四个值，为什么长度为2，像这种数据结构底层是如何存储的，希望知道的解释一下，谢谢

let array = [];
    array.push(1);
    array["id"] = 8;
    array["name"] = "xia";
    array.push("西安");
    console.log(typeof array);// object
    console.log(array.length);// 2
    console.log(array);       // [ 1, '西安', id: 8, name: 'xia' ]
    console.log(array[0]);    // 1
    console.log(array[2]);    // undefined
    console.log(array["id"]); // 8
    console.log(array.id);    // 8

发表评论取消回复

表情：

评论列表（有 0 条评论，14人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java通过反射获取对象的属性和值

有个第三方的jar包，里面的有个属性是私有的，在使用的时候，想获取这个私有属性的值，记录一下使用反射方式获取。获取反射对象的三种方式： Class class1

比眉伴天荒/ 2023年10月08日 18:01/ 0 赞/ 73 阅读

相关 JS 获取对象属性值 [] 和.区别

\[ \] 和.的区别：相同点：都可以获取到 object 的属性值不同点： 1、 \[ \] 运算符可以使用字符串变量的内容作为属性名，点运算符不能

偏执的太偏执、/ 2023年10月04日 14:41/ 0 赞/ 15 阅读

相关 js遍历对象，获取对象数字属性的最大值

methods: { getMax(rsp) { if (typeof rsp === 'undefined' || rs

傷城~/ 2023年01月15日 08:10/ 0 赞/ 170 阅读

相关反射获取属性和值

using System; using System.Collections.Generic; using System.Linq; using

太过爱你忘了你带给我的痛/ 2022年11月21日 11:48/ 0 赞/ 256 阅读

相关 js获取对象的所有属性和方法

有时候需要知道一个js对像的所有属性和方法来帮助调试，下面是再网上找到的一个比较给力的方法 function displayProp(obj){

港控/mmm°/ 2022年08月09日 09:56/ 0 赞/ 243 阅读

相关 js获取对象的属性和方法总结

1.访问对象的属性属性是与对象相关的值。访问对象属性的语法是： objectName.propertyName 这个例子使用了 String 对象的 l

ゝ一世哀愁。/ 2022年07月29日 10:41/ 0 赞/ 237 阅读

相关 java获取对象属性类型、属性名称、属性值

/ 根据属性名获取属性值 / private Object getFieldValueByName(String fiel

刺骨的言语ヽ痛彻心扉/ 2022年06月13日 00:18/ 0 赞/ 520 阅读

相关 js获取对象的属性和方法

[https://www.cnblogs.com/shinejaie/p/5231195.html][https_www.cnblogs.com_shinejaie_p_523

谁践踏了优雅/ 2022年03月16日 03:22/ 0 赞/ 360 阅读

相关反射获取类或对象属性和值

最近在开发过程中，由于部分常量配置在接口而非枚举中，当我们需要通过属性名去获取具体接口中常量对应的值时，或是要获取该接口中所有常量名和对应值的键值对集合，显得有些

我就是我/ 2022年02月03日 02:49/ 0 赞/ 398 阅读

相关原生js设置属性值和获取属性值

var testEle = document.getElementById("test") testEle.setAttribute(

本是古典何须时尚/ 2022年01月22日 01:39/ 0 赞/ 387 阅读