【问题标题】:Display object values显示对象值
【发布时间】:2013-05-17 13:40:33
【问题描述】:

我创建了一个对象 person 并在 JavaScript 中为该 person 对象创建了 2 个属性。我将数据传递给该对象:

personA = new person("Michel","Newyork"); 
personB = new person("Roy","Miami"); 

我需要的是,如何通过 JavaScript 同时显示 personApersonB 值?

【问题讨论】:

  • 你想在哪里显示值? “同时”是什么意思?
  • person 构造函数采用什么?它还分配了什么属性?
  • 向我们展示person的代码!
  • 显示对象值请参考此链接technologiessolution.blogspot.in/2013/11/…

标签: javascript javascript-objects


【解决方案1】:

如果您只是想在控制台上显示它们,出于调试目的,请使用

 console.log (personA, personB);

如果你想提醒他们注意屏幕:

 alert (JSON.stringify (personA), JSON.stringify (personB));

如果您想更改 DOM 元素以包含值:

 domElement.innerHTML = personA.name + ' from ' + personA.loc + ' and ' +
                        personB.name + ' from ' + personB.loc;

这里假设nameloc 是您使用的属性名称。

当然,您可以根据自己的要求在任何情况下使用这些方法中的任何一种。

【讨论】:

    【解决方案2】:

    我将假设 person 采用 nameloc(用于位置),因为您没有澄清:

    var personArr = []; //create a person array
    //Then push our people
    personArr.push(personA);
    personArr.push(personB);
    for (var i = 0; i < personArr.length; i++) {
       console.log(personArr[i].name);
       console.log(personArr[i].loc);
    }
    

    如果你同时在字面上谈论,我不会说这是不可能的,只是用 JavaScript 是不可能的,除非你使用 WebWorkers 并且那些在 IE 中不太好。

    【讨论】:

    • 没问题!如果有帮助,您介意选择已选择的答案吗?
    【解决方案3】:

    您也可以考虑这种方法:

    var persons = {
        person: [],
    
        add: function(name, city)
        {
            this.person.push({
                'name': name,
                'city': city
            });
        }
    
    };
    
    persons.add("Michael", "New York");
    persons.add("Roy", "Miami");
    

    输出:

    for(x in persons.person)
    {
        console.log(x + ":");
    
        for(y in persons.person[x])
        {
            console.log(y + ": " + persons.person[x][y]);
        }
    }
    
    ------
    
    0:
    name: Michael
    city: New York
    1:
    name: Roy
    city: Miami
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2017-02-14
      • 2020-08-27
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-03-22
      • 2018-11-27
      相关资源
      最近更新 更多