0

我有对象，我想打印他们的名字和属性名称。我怎样才能做到这一点。我可以访问他们的属性值。就像我想要打印对象名称（例如“第一”和“第二”）以及它们的属性（例如“值”和“文本”）不想打印值

<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>
4

4 回答 4

2

您可以使用标准的JS for..in 循环- 您不需要 jQuery，尽管它的$.each()方法也涵盖了您。无论哪种方式，您都可以访问属性名称及其相应的值。鉴于您有嵌套对象，您可能需要嵌套 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/

于 2012-08-06T06:22:10.580 回答
1

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

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

结果......

first
>>value
>>text
second
>>value
>>text
于 2012-08-06T06:27:44.367 回答
0

您可以在循环中使用 for： 

    for(var x in myDate){
      console.log(myDate[x]['value']);//access value
      console.log(myDate[x]['text']);//access the text
    }
于 2012-08-06T06:17:23.473 回答
0

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

好的链接：如何在 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);

        }
    })



})​
于 2012-08-06T06:20:56.890 回答