如何使用jquery和javascript从对象数组中获取值

Question

我有这个数组结构：

var $obj = {
        'sections1' : {
            'row1' : {
                'key1' : 'input1',
                'key2' : 'inpu2'
            },
            'row2' : {
                'key1' : 'input1',
                'key2' : 'inpu2'
            }
        },
        'sections2' : {
            'row3' : {
                'key1' : 'input1',
                'key2' : 'inpu2'
            },
            'row4' : {
                'key1' : 'input1',
                'key2' : 'inpu2'
            }
        }
    };

我想从$obj->section2->row4->key2获取数据。 如何同时使用jquery和javascript做到这一点。

更新：我希望它在段落或div中打印值

<p id="array"></p>

Answer 1

在javascript中使用. 访问点值的（点）表示法

 var obj = { 'sections1' : { 'row1' : { 'key1' : 'input1', 'key2' : 'inpu2' }, 'row2' : { 'key1' : 'input1', 'key2' : 'inpu2' } }, 'sections2' : { 'row3' : { 'key1' : 'input1', 'key2' : 'inpu2' }, 'row4' : { 'key1' : 'input1', 'key2' : 'inpu2' } } }; console.log(obj.sections2.row4.key2); 

Answer 2

有不同的方法。 最合适的是：

1. 括号符号

   var prop = object['property_name'];

2. 点表示法

   var prop = object.property_name;

在你的情况下

 var obj = { 'sections1' : { 'row1' : { 'key1' : 'input1', 'key2' : 'inpu2' }, 'row2' : { 'key1' : 'input1', 'key2' : 'inpu2' } }, 'sections2' : { 'row3' : { 'key1' : 'input1', 'key2' : 'inpu2' }, 'row4' : { 'key1' : 'input1', 'key2' : 'inpu2' } } }; console.log(obj.sections2.row4.key2);//Dot notation console.log(obj['sections2']['row4']['key2']);//Bracket notation document.getElementById("array").innerHTML=obj.sections2.row4.key2; 

 <p id="array"></p> 

有关更多详细信息，请参阅MDN属性访问器。

e头有帮助:)

Answer 3

实际上，它看起来很安静，很简单，您可以根据需要使用数组符号或（。）点运算符

1）数组符号$obj['section2']['row4']['key2'];

2）点运算符$obj.section2.row4.key2;

Nb：请使用数组表示法如果键中有空格，则在键未知的情况下会很安全

如果您需要遍历可用于循环的所有键，请进行迭代