Question

在尝试将数据存储在对象中并稍后检索它时，我不知道在javascript对象中存储信息的理想方式，以便我可以遍历信息。

我设置了一个数组对象：

var resultObject = {name: [], function: [], group: [], photo: [], linkedin: []};

然后我循环通过它：

function constructResultPage(data) {
    var resultHTML = "";
    var teamContainer = document.getElementById('teamInput');
    data.forEach(function(key,index) {
        resultHTML = "<div> + data.linkedin + data.photo + data.name + data.function + "</div>"
    });

    teamContainer.innerHTML = resultHTML

}

但是resultObject本身就是一个对象。您是否建议我将每个数组存储在一个数组中，以便一次循环一个项目？或者您认为有更好的方法来实现这一目标吗？

Answer 1

尝试将数据存储在一个数组中而不是四个不同的数组中。考虑运行并试验下面的代码段。

var content = document.getElementById('content');

// single array containing objects of similar kind
var data = [
  {
    name: 'Suzanne',
    job: 'Developer',
    something: 'S1'
  },
  {
    name: 'John',
    job: 'Developer',
    something: 'S2'
  },
  {
    name: 'Alice',
    job: 'Manager',
    something: 'S3'
  },
  // etc.
];

data.forEach(function(person) {
    var personInfoDiv = document.createElement('div');
    personInfoDiv.innerHTML = 'Name: ' + person.name + '; Job: ' + person.job + '; Something: ' + person.something;
    content.appendChild(personInfoDiv);
});

<div id="content"></div>

JavaScript存储数据和迭代

1 个答案: