精华内容
下载资源
问答
  • var a = 'b'; var obj = { a: 123 } obj[a] == obj['b'] 我向了解更深点,为什么中括号不加双引号会去访问变量去
  • js中对于对象取值时有两种方法, 一种是点语法, 一种是中括号语法. 但总有人不清楚什么时候用哪种. 网上其他博客有的说的不太全. 这次详细的说的介绍一下: 中括号语法: 任何时候 场合都可使用 适用范围很广; 点...

                    js中对于对象取值时有两种方法, 一种是点语法, 一种是中括号语法. 但总有人不清楚什么时候用哪种. 网上其他博客有的说的不太全. 这次详细的说的介绍一下:

                 中括号语法: 任何时候  场合都可使用   适用范围很广;

                  点语法: 较有局限性, 一下说一下;

                

                  举例一:

                  

               let obj = {
                 a: 123
               }
    
             console.log(obj.a)              // 123
             console.log(obj['a'])           // 123

     点语法和中括号语法都没问题   正常;

                举例二:

             let obj = {
                 '': 123
             }
    
             console.log(obj.'')              // SyntaxError
             console.log(obj[''])           // 123

    key为空字符串时, 中括号可正常取值, 点语法报错; 其实编辑器就提示你了. 中括号用双字符串也可取值

     

             举例三:

             let obj = {
                 1: 123
             }
    
             console.log(obj.1)              // SyntaxError
             console.log(obj[1])           // 123

    结果同上, key为number类型时, 点语法也无法取值

           举例四:

             let obj = {
                 '1': 123
             }
    
             console.log(obj.'1')              // SyntaxError
             console.log(obj['1'])           // 123

    结果同上, key为数字字符串时  点语法也无法取值

            举例五:

     

             let obj = {
                 'a': 123
             }
    
             let value = 'a'
    
             console.log(obj.value)              // undefined
             console.log(obj[value])           // 123

     当key为变量时, 点语法无法取值, 中括号语法可正常取值;

     

     

         小结: 暂时项目中遇到的区别就这些吧. 希望对前端路上的你有一点帮助;

    展开全文
  • var obj = {name:"小太阳",age:18}; var name1 = obj.name;//使用点的方式 var name2 = obj["name"];//使用中括号的方式 注意: [里面的东西]是字符串,是键值;点方法是变量

    js获取对象的属性值,有两种方法
    1.通过点的方式(object.key)
    2.通过[]的方式(object[key])
    代码如下:

    // 通过.的方式获取属性值 ,key是静态的
    var obj = {name:"小太阳",age:18};
    var name1 = obj.name;//使用点的方式
    
    // 通过[]的方式获取属性值,key是动态的,可以是字符串,也可以是数字,还可以是变量
    var obj1 = {"name":"小太阳","age":18};
    var obj2 = {1: "使用", 2: "为使用"}
    var attr1 = obj1["name"];//使用中括号的方式
    var attr2 = obj1[1]; 
    
    []也可以通常用来匹配字典表  变量形式
       var statusData = {
          '0': {
            label: '未处理'
          },
          '1': {
            label: '已处理'
          },
          '2': {
            label: '已过期'
          }
        },
            <el-table-column
              prop="dealFlag"
              min-width="15%"
              label="状态">
              <template slot-scope="scope">
                <span >{{ scope.row.dealFlag ? statusData[(scope.row.dealFlag)].label : '' }}</span>
              </template>
            </el-table-column>
    
    

    总结: 点和中括号方式的区别
    1.点方法后面跟的必须是一个指定的属性名称,中括号里面可以是变量
    2.中括号里面的属性可以是数字,点方法后面的属性名不能是数字
    3.动态为对象添加属性是,只能用中括号

    展开全文
  • js对象取值的两种方式:点和中括号点的方式[]的方式代码 点的方式 通过点的方式(object.key) []的方式 通过[]的方式(object[key]) 代码 // 通过.的方式获取属性值 ,key是静态的 var obj = {name:"奇葩天地网",age...

    js对象取值的两种方式:点和中括号

    点的方式

    通过点的方式(object.key)

    []的方式

    通过[]的方式(object[key])

    代码

    // 通过.的方式获取属性值 ,key是静态的
    var obj = {name:"奇葩天地网",age:18};
    var name1 = obj.name;//使用点的方式
    
    // 通过[]的方式获取属性值,key是动态的,可以是字符串,也可以是数字,还可以是变量
    var obj1 = {"name":"奇葩天地网","age":18};
    var obj2 = {1: "使用", 2: "为使用"}
    var attr1 = obj1["name"];//使用中括号的方式
    var attr2 = obj1[1]; 
    
    []也可以通常用来匹配字典表  变量形式
       var statusData = {
          '0': {
            label: '未处理'
          },
          '1': {
            label: '已处理'
          },
          '2': {
            label: '已过期'
          }
        },
            <el-table-column
              prop="dealFlag"
              min-width="15%"
              label="状态">
              <template slot-scope="scope">
                <span >{{ scope.row.dealFlag ? statusData[(scope.row.dealFlag)].label : '' }}</span>
              </template>
            </el-table-column>
    

    总结: 点和中括号方式的区别
    1.点方法后面跟的必须是一个指定的属性名称,中括号里面可以是变量
    2.中括号里面的属性可以是数字,点方法后面的属性名不能是数字
    3.动态为对象添加属性是,只能用中括号

    展开全文
  • JS中的JSON对象 定义和取值

    千次阅读 2019-04-27 23:02:45
    JS中的JSON对象 定义和取值 1.JSON(JavaScript Object Notation)一种简单的数据格式,比xml更轻巧。JSON是JavaScript原生格式,这意味着在JavaScript中处理JSON数据不需要任何特殊的API或工具包。 JSON的规则很...

    JS中的JSON对象 定义和取值

    1.JSON(JavaScript Object Notation)一种简单的数据格式,比xml更轻巧。JSON是JavaScript原生格式,这意味着在JavaScript中处理JSON数据不需要任何特殊的API或工具包。 
    JSON的规则很简单:对象是一个无序的“‘名称:值'对”集合。一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一个“:”(冒号);“‘名称/值'对”之间使用“,”(逗号)分隔。
    
    规则如下:
    
    1)映射用冒号(“:”)表示。名称:值
    2)并列的数据之间用逗号(“,”)分隔。名称1:值1,名称2:值2
    3) 映射的集合(对象)用大括号(“{}”)表示。{名称1:值1,名称2:值2}
    4) 并列数据的集合(数组)用方括号(“[]”)表示。
    [
    {名称1:值,名称2:值2},
    
    {名称1:值,名称2:值2}
    
    ]
    5 )元素值可具有的类型:string, number, object, array, true, false, null
    
    2.json中的五种写法:
    
    1)传统方式存储数据,调用数据
    
    复制代码代码如下:
    
    <script type="text/javascript"> 
    //JS传统方式下定义"类" 
    function Person(id,name,age){ 
    this.id = id; 
    this.name = name; 
    this.age = age; 
    } 
    //JS传统方式下创建"对象" 
    var p = new Person(20141028,"一叶扁舟",22);
     
    
    //调用类中的属性,显示该Person的信息 
    window.alert(p.id); 
    window.alert(p.name); 
    window.alert(p.age); 
    </script> 
    
    
    2)第一种样式:
    
    复制代码代码如下:
    
    <script type="text/javascript"> 
    var person = { 
    id:001, 
    name:"一叶扁舟", 
    age:23 
    } 
    window.alert("编号:"+person.id); 
    window.alert("用户名:"+person.name); 
    window.alert("年龄:"+person.age); 
    </script>
    
    3)第二种样式: 
    
    复制代码代码如下:
    
    <script type="text/javascript"> 
    var p = [ 
    {id:001,name:"一叶扁舟",age:22}, 
    {id:002,name:"无悔",age:23}, 
    {id:003,name:"无悔_一叶扁舟",age:24} 
    ];
     
    
    for(var i = 0; i < p.length; i++){ 
    window.alert("编号:"+p[i].id); 
    window.alert("用户名:"+p[i].name); 
    window.alert("年龄:"+p[i].age);
    
    } 
    </script>
    
    
    4)第三种样式:
    
    复制代码代码如下:
    
    <script type="text/javascript"> 
    var p = { 
    "province":[ 
    {"city":"福州"}, 
    {"city":"厦门"}, 
    {"city":"莆田"} 
    ] 
    }; 
    window.alert("所在城市:" + p.province[0].city); 
    </script>
    
    5)第四种样式:
    
    复制代码代码如下:
    
    <script type="text/javascript"> 
    var p = { 
    "ids":[ 
    {"id":001}, 
    {"id":002}, 
    {"id":003} 
    ], 
    "names":[ 
    {"name":"一叶扁舟"}, 
    {"name":"无悔"}, 
    {"name":"无悔_一叶扁舟"} 
    ] 
    };
     
    
    for(var i = 0; i < p.names.length; i++){ 
    window.alert("名字:"+p.names[i].name);
    
    } 
    for(var i = 0; i < p.ids.length; i++){ 
    window.alert("id:"+p.ids[i].id); 
    }
    
    </script> 
    
    
    6)第五种样式:
    
    复制代码代码如下:
    
    <script type="text/javascript"> 
    var p = { 
    "province":["福州","厦门","莆田"] 
    }; 
    window.alert("城市的个数:"+p.province.length); 
    window.alert("分别是:\n"); 
    for(var i=0;i<p.province.length;i++){ 
    window.alert(p.province[i]); 
    } 
    </script> 
    展开全文
  • js对象取值方式

    千次阅读 2017-04-27 17:56:25
    let obj = {key1:"value",key2:168}; let v1 = obj.key1; //使用点的方式 let v2 = obj["key2"]; //使用中括号的方式,配合模板字符串可以动态取值`${key}`
  • js对象取值

    2021-03-15 14:22:05
    //使用中括号的方式 const getScrollPos = (el = window) => ({x: (el.pageXOffset !== undefined) ? el.pageXOffset : el.scrollLeft, y: (el.pageYOffset !== undefined) ? el.pageYOffset :
  • (内容地址:... 下面一篇详细举例json对象取值的多种方式 JS中的JSON对象 定义和取值 转载自http://www.jb51.net/article/56854.htm   1.JSON(JavaScript Object Notation)一种简单的数据
  • js对象的属性用中括号表示

    千次阅读 2018-12-25 20:37:40
    中括号运算符总是能代替点运算符。但点运算符却不一定能全部代替中括号运算符...中括号运算符可以用js的关键字和保留字作为属性名。点运算符不能。 a.b=5;; a[ 'b' ]= 5; 即[ ]也可以代表属性; 利用 for ( var x ...
  • JavaScript中对象属性通过点(.)和方括号([])取值的不同之处 1、点操作符: 静态的。右侧必须是一个以属性名称命名的简单标识符。属性名用一个标识符来表示。标识符必须直接出现再js程序,它们不是数据类型,因此...
  • 1.JSON(JavaScript Object ...JSON是JavaScript原生格式,这意味着在JavaScript中处理JSON数据不需要任何特殊的API或工具包。JSON的规则很简单:对象是一个无序的“‘名称:值'对”集合。一个对象以“{”(左括...
  • JSON是JavaScript原生格式,这意味着在JavaScript中处理JSON数据不需要任何特殊的API或工具包。 JSON的规则很简单:对象是一个无序的“‘名称:值’对”集合。一个对象以“{”(左括号)开始,“}”(右括号)结束。...
  • JSON是JavaScript原生格式,这意味着在JavaScript中处理JSON数据不需要任何特殊的API或工具包。JSON的规则很简单:对象是一个无序的“‘名称:值'对”集合。一个对象以“{”(左括号)开始,“}”(右括号)结束。每个...
  • js中json对象的定义、取值

    万次阅读 2017-07-13 14:50:27
    JSON的规则很简单:对象是一个无序的“‘名称:值'对”集合。一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一个“:”(冒号);“‘名称/值'对”之间使用“,”(逗号)分隔。
  • 面试题-JS对象取值

    2021-03-04 14:54:20
    一、题目 题目采摘之某公众号,内容原创! const bird = { size: 'small' } const mouse = { ...首先回顾js关于对象取值的知识 const bird = { size: 'small' } // 一般取值方式,通过 . 访问对象
  • js中的中括号和数组

    千次阅读 2019-07-09 13:42:03
    js 中{},[]中括号,大括号使用详解 一、{ } 大括号,表示定义一个对象,大部分情况下要有成对的属性和值,或是函数。 如:var LangShen = {"Name":"Langshen","AGE":"28"}; 上面声明了一个名为“LangShen”的对象,多...
  • Js对象取值的两种方式

    千次阅读 2017-12-15 16:57:27
    var obj = { abc: '123', ... //使用中括号的方式在实际项目中一般使用点,会方便许多,但是如果key是变量的话就不能使用点了,js会理解变量为对象的key值,造成混淆。var c = obj[key]; //key是一个变量
  • JSON是JavaScript原生格式,这意味着在JavaScript中处理JSON数据不需要任何特殊的API或工具包。 JSON的规则很简单:对象是一个无序的“‘名称:值'对”集合。一个对象以“{”(左括号)开始,“}”(右括号)结束。...
  • 2.中括号运算符取值let value = obj['aaa']; 区别:(1)中括号运算符总是能代替点运算符,但点运算符却不一定能全部代替中括号运算符。(2)中括号运算符可以用字符串变量的内容作为属性名。点运算符不能。(3)中括号...
  • 本文转载自:... var obj = {abc:"ss",nn:90}; var v1 = obj.abc;//使用点的方式 var v2 = obj["abc"];//使用中括号的方式 在实际项目中一般使用点,会方便许多,但是如果key是变量的话就...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 14,483
精华内容 5,793
关键字:

js对象中括号取值