Question

我有对象，我想打印他们的名字和属性名称。我怎样才能做到这一点。我可以访问他们的属性值。就像我想要打印对象名称，如'first'和'second'，他们的属性如'value'和'text'不想打印值

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <script type="text/javascript" src="jquery-1.7.2.js"></script>
    <script type="text/javascript">
        $(function (){
            var myDate= {
                'first':{value:'30',text:'i am the one'},
                'second':{value:'50',text:'i am the second'}
            }

            $('a').click(function (){
                var t= $(this).text();
                if(t=="both"){
                    $('.text').text(myDate['first'] + '' + myDate['second'] );
                } else {
                    $('.text').text(myDate[t]);
                }
            });
        });
    </script>
</head>
<body>
    <div class="text"></div>
    <a href="#">first</a>&nbsp;&nbsp;<a href="#">second</a>
    <a href="#">both</a>
</body>

Answer 1

您可以使用标准JS for..in loop - 您不需要jQuery，尽管它也覆盖了$.each() method。无论哪种方式，您都可以访问属性名称及其对应的值。鉴于您已经有嵌套对象，您可能需要嵌套for..in或$.each()循环。

你根本不知道你的输出应该是什么格式，但是这里有一个简单的例子，至少展示了如何获得你需要的部分：

var output = "";
$.each(myDate, function(k, val) {
    // k is the property name, val is the property value
    output += k + ": ";
    $.each(val,function(k,val) {
        output += k + ": " + val + "; ";
    });
    output += "\n";
});
// do something with output

这会生成一个字符串output，如下所示：

first: value: 30; text: i am the one; 
second: value: 50; text: i am the second;

...如本演示所示：http://jsfiddle.net/nnnnnn/WvBgD/

Answer 2

你可以简单地使用for循环来获取对象名称。

for(var x in myDate){
      console.log(x);
      if(typeof(myDate[x]) == "object") {
         for(var y in myDate[x]){
             console.log(">>"+y);
         }
      }
 }

RESULT ......

first
>>value
>>text
second
>>value
>>text

Answer 3

您可以使用for循环：

    for(var x in myDate){
      console.log(myDate[x]['value']);//access value
      console.log(myDate[x]['text']);//access the text
    }

Answer 4

工作演示 http://jsfiddle.net/msSwA/ 或 http://jsfiddle.net/msSwA/1/

良好的链接：How to get an object's properties in JavaScript / jQuery?

希望它符合需求:)

value = myDate['first'].value或text = myDate['first'].text

<强>码

$(function() {
    var myDate = {
        'first': {
            value: '30',
            text: 'i am the one'
        },
        'second': {
            value: '50',
            text: 'i am the second'
        }
    }

    $('a').click(function() {
        var t = $(this).text();
        if (t == "both") {
         $('.text').text(myDate['first'].value + ' == ' + myDate['second'].value)
        }
        else {

            $('.text').text(myDate[t].value);

        }
    })



})

如何使用jquery访问其值的对象名称

4 个答案: