如何在JavaScript中打印对象的值?

这个问题在这里已经有了答案:

  • 如何通过一个普通的JavaScript对象与作为成员的对象进行循环? 17个答案

  • var friends = {
        bill:
        {
            firstName: "A",
            lastName: "C",        
            number: "999",
        },
        print: function () {
            for (var p in this.bill)
                console.log(p + ' ' + this.bill[p]);
        }
    };
    

    这段代码将会打印出来,是你需要的吗?

    friends.print();
    

    如果您只想打印friends.bill的成员,则可能需要使用for..in循环,例如:

    for(var p in friends.bill) 
        console.log(p + ": " + friends.bill[p])
    

    这将在控制台中打印出来:

    firstName: A VM579:3
    lastName: C VM579:3
    number: 999 
    

    我会提出一个建议,可能会让你的编码更容易一些。 而不是使用对象来包含朋友列表,而是使用数组。 一个数组毕竟是一个列表,而Javascript带有一些真正有用的数组函数,可以从长远来看帮助你。

    var friends = [
      {
       name: 'Bill Z',
       firstName: "Bill",
       lastName: "X",
       number: "999",
      },
      {
       name: 'Sam Y',
       firstName: "Sam",
       lastName: "Y",
       number: "999",
      }    
    ];
    

    要获得朋友列表,您可以使用几个循环; 一个用于遍历对象列表,另一个用于遍历每个对象的属性:

    function listFriends() {
      for (var i = 0, l = friends.length; i < l; i++) {
        for (var p in friends[i]) {
            console.log(p + ': ' + friends[i][p]);
        }
      }
    }
    

    或者将HTML取出:

    function listFriends() {
      var html = '';
      for (var i = 0, l = friends.length; i < l; i++) {
        html += '<b>' + friends[i].firstName + '</b><br/>';
        for (var p in friends[i]) {
            html += p.toUpperCase() + ': ' + friends[i][p] + '<br/>';
        }
      }
      return html;
    }
    

    您可能还想访问朋友列表以查找特定的列表。 在这个例子中,我使用filter

    function getFriend(prop, value) {
      return friends.filter(function (obj) {
        return obj[prop] === value;
      });
    }
    
    console.log(getFriend('firstName', 'Sam')) // { name="Sam Y", firstName="Sam", lastName="Y"}
    

    小提琴。

    希望你会发现一些有用的。

    链接地址: http://www.djcxy.com/p/52005.html

    上一篇: How to print values of a object in JavaScript?

    下一篇: Iterating thru an array using javascript for