js中获取对象值obj[‘name‘]和obj[true]等的区别

原创已于 2024-01-05 09:58:28 修改 · 2.3k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端

于 2021-12-28 09:59:30 首次发布

js基础专栏收录该内容

59 篇文章

订阅专栏

本文探讨了JavaScript中通过点表示法和中括号表示法访问和添加对象属性的差异。点表示法适用于已知的字符串属性名，而中括号表示法允许使用变量或特殊字符（如数字和布尔值）作为属性名。在动态添加属性时，必须使用中括号表示法。此外，文章还提到了数字和布尔值作为属性名时的规则和注意事项。

js中添加对象obj['name']和obj[true]等的区别

一、获取对象属性值
- 但是
二、添加对象属性值

一、获取对象属性值

obj = {
        name: 'js',
        age: 18,
        1: 8,
        true: '布尔值',
        false: '错误',
    }

  // .方法后面跟的必须是一个指定的属性名称，而中括号方法里面可以是变量
   console.log(obj.name) //属性名称
   let newName = 'name'
   console.log(obj[newName]) //变量
   
   //不加双引号的话，js会认为这是变量名，而这个变量是不存在的
    console.log(obj[name]) //变量名，没有找到变量name
    console.log(obj['name'])
    
    //如果属性名是数字，则必须有双引号，并且用[] 方括号访问
    console.log(obj['1'])

但是

猜测原因可能是因为JS内置对象

 //如果键名是布尔或者是数字，不规则写法也可以,
 obj[false], obj[name], obj[1]
 '错误'      underfined   8

二、添加对象属性值

  //两种方法都可以添加属性，
  //但是当动态为对象添加属性时，必须使用中括号【】，不可用点方法
     obj.name = 'html'
     obj['age'] = 20