为数组创建3个对象，然后使用迭代javascript显示数组

我需要使用不同的方法创建3个对象。然后我需要将这些对象存储在一个数组中。然后我需要使用迭代来显示结果。一路上我有点困惑。我没有看到任何结果。我不确定到底出了什么问题。我有一个按钮onclick操作，因此您必须单击该按钮来显示数组

我是否错误地创建了数组？我是否在for循环中错误地访问了阵列数据

html:

点击我

javascript:

function ObjectArray() {
    // object literal
    var id1 = {
        firstName: "John",
        lastName: "Doe",
        id: "12345"
    };

    // keyword new
    var id2 = new Object;
    id2.firstName = "Adam";
    id2.lastName = "Bakely";
    id2.id = "abcdef";

    // object constructor 
    function employee(first, last, id_num) {
        this.firstName = first;
        this.lastName = last;
        this.id_num = id;
    }
    var id3 = new employee("joe", "john", "abc123");

    //create an array
    var IdArray = [id1, id2, id3];

    //for loop to display results
    var text="";
    var i;

    for (i = 0; x < IdArray.length; i++){
        text += IdArray[i] + "<br>";
    document.getElementById("3").innerHTML = text;
    }  
}

函数ObjectArray（）{
//对象文字
变量id1={
名字：“约翰”，
姓：“Doe”，
身份证号码：“12345”
};
//关键词新
var id2=新对象；
id2.firstName=“亚当”；
id2.lastName=“Bakely”；
id2.id=“abcdef”；
//对象构造函数
职能员工（第一个、最后一个、id_num）{
this.firstName=first；
this.lastName=last；
this.id_num=id；
}
var id3=新员工（“乔”、“约翰”、“abc123”）；
//创建一个数组
var IdArray=[id1，id2，id3]；
//用于循环以显示结果
var text=“”；
var i；
对于（i=0；x”；
document.getElementById（“3”）.innerHTML=text；
}  
}

---

我还想知道如何从另一个函数访问此数组，以便将来执行任务。

您的循环是错误的，将以无限循环结束，并破坏所有循环，

x

未定义，应该是

I

for (i = 0; i < IdArray.length; i++){
    text += IdArray[i] + "<br>";
}  
document.getElementById("3").innerHTML = text;

---

您的循环是错误的，将以无限结束并打破所有循环，

x

未定义，应该是

i

for (i = 0; i < IdArray.length; i++){
    text += IdArray[i] + "<br>";
}  
document.getElementById("3").innerHTML = text;

---

你的代码出现了一些问题，我删除了html中的内联onlick，你的函数从未被调用，我还修复了未定义的属性（

x

和

id

是

未定义的
）

下面是一个工作代码：

HTML:

<p id="3"></p>
<button id="myButton">click me</button>

var ObjectArray = function() {
    // object literal
    var id1 = {
        firstName: "John",
        lastName: "Doe",
        id: "12345"
    };

    // keyword new
    var id2 = new Object();
    id2.firstName = "Adam";
    id2.lastName = "Bakely";
    id2.id = "abcdef";

    // object constructor 
    function employee(first, last, id_num) {
        this.firstName = first;
        this.lastName = last;
        this.id_num = id_num;
    }
    var id3 = new employee("joe", "john", "abc123");

    //create an array
    var IdArray = [id1, id2, id3];

    //for loop to display results
    var text="";
    var i;

    for (i = 0; i < IdArray.length; i++){
        text += IdArray[i].firstName + "<br>";
    document.getElementById("3").innerHTML = text;
    }  
}


点击我

JS:

<p id="3"></p>
<button id="myButton">click me</button>

var ObjectArray = function() {
    // object literal
    var id1 = {
        firstName: "John",
        lastName: "Doe",
        id: "12345"
    };

    // keyword new
    var id2 = new Object();
    id2.firstName = "Adam";
    id2.lastName = "Bakely";
    id2.id = "abcdef";

    // object constructor 
    function employee(first, last, id_num) {
        this.firstName = first;
        this.lastName = last;
        this.id_num = id_num;
    }
    var id3 = new employee("joe", "john", "abc123");

    //create an array
    var IdArray = [id1, id2, id3];

    //for loop to display results
    var text="";
    var i;

    for (i = 0; i < IdArray.length; i++){
        text += IdArray[i].firstName + "<br>";
    document.getElementById("3").innerHTML = text;
    }  
}

var ObjectArray=function（）{
//对象文字
变量id1={
名字：“约翰”，
姓：“Doe”，
身份证号码：“12345”
};
//关键词新
var id2=新对象（）；
id2.firstName=“亚当”；
id2.lastName=“Bakely”；
id2.id=“abcdef”；
//对象构造函数
职能员工（第一个、最后一个、id_num）{
this.firstName=first；
this.lastName=last；
this.id\u num=id\u num；
}
var id3=新员工（“乔”、“约翰”、“abc123”）；
//创建一个数组
var IdArray=[id1，id2，id3]；
//用于循环以显示结果
var text=“”；
var i；
对于（i=0；i”；
document.getElementById（“3”）.innerHTML=text；
}  
}

Fiddle:
您的代码有一些问题，我删除了html中的内联onlick，从未调用过您的函数，我还修复了未定义的属性（
x
和
id
都是
未定义的
）

下面是一个工作代码：

HTML:

<p id="3"></p>
<button id="myButton">click me</button>

var ObjectArray = function() {
    // object literal
    var id1 = {
        firstName: "John",
        lastName: "Doe",
        id: "12345"
    };

    // keyword new
    var id2 = new Object();
    id2.firstName = "Adam";
    id2.lastName = "Bakely";
    id2.id = "abcdef";

    // object constructor 
    function employee(first, last, id_num) {
        this.firstName = first;
        this.lastName = last;
        this.id_num = id_num;
    }
    var id3 = new employee("joe", "john", "abc123");

    //create an array
    var IdArray = [id1, id2, id3];

    //for loop to display results
    var text="";
    var i;

    for (i = 0; i < IdArray.length; i++){
        text += IdArray[i].firstName + "<br>";
    document.getElementById("3").innerHTML = text;
    }  
}


点击我

JS:

<p id="3"></p>
<button id="myButton">click me</button>

var ObjectArray = function() {
    // object literal
    var id1 = {
        firstName: "John",
        lastName: "Doe",
        id: "12345"
    };

    // keyword new
    var id2 = new Object();
    id2.firstName = "Adam";
    id2.lastName = "Bakely";
    id2.id = "abcdef";

    // object constructor 
    function employee(first, last, id_num) {
        this.firstName = first;
        this.lastName = last;
        this.id_num = id_num;
    }
    var id3 = new employee("joe", "john", "abc123");

    //create an array
    var IdArray = [id1, id2, id3];

    //for loop to display results
    var text="";
    var i;

    for (i = 0; i < IdArray.length; i++){
        text += IdArray[i].firstName + "<br>";
    document.getElementById("3").innerHTML = text;
    }  
}

var ObjectArray=function（）{
//对象文字
变量id1={
名字：“约翰”，
姓：“Doe”，
身份证号码：“12345”
};
//关键词新
var id2=新对象（）；
id2.firstName=“亚当”；
id2.lastName=“Bakely”；
id2.id=“abcdef”；
//对象构造函数
职能员工（第一个、最后一个、id_num）{
this.firstName=first；
this.lastName=last；
this.id\u num=id\u num；
}
var id3=新员工（“乔”、“约翰”、“abc123”）；
//创建一个数组
var IdArray=[id1，id2，id3]；
//用于循环以显示结果
var text=“”；
var i；
对于（i=0；i”；
document.getElementById（“3”）.innerHTML=text；
}  
}

Fiddle:
纠正这两个问题，它应该可以工作：

此行中的
id
未定义：

this.id_num = id;

for (i = 0; x < IdArray.length; i++){


此行中的
x
未定义：

this.id_num = id;

for (i = 0; x < IdArray.length; i++){

（i=0；x{

希望这有帮助。
纠正这两个问题，它应该可以工作：

此行中的
id
未定义：

this.id_num = id;

for (i = 0; x < IdArray.length; i++){


此行中的
x
未定义：

this.id_num = id;

for (i = 0; x < IdArray.length; i++){

（i=0；x{

希望这能有所帮助。
使用浏览器控制台查看错误。它会告诉您哪里存在问题

第一个将显示的是
未定义id
。
一旦修复，下一个是
x未定义

// object constructor 
function employee(first, last, id_num) {
    this.firstName = first;
    this.lastName = last;
    this.id_num = id; // should be "id_num" not "id"
}

for (i = 0; x < IdArray.length; i++){ // "x" should be "i"
    text += IdArray[i] + "<br>";
     document.getElementById("3").innerHTML = text;
} 

到

使用浏览器控制台查看错误。它会告诉您哪里存在问题

第一个将显示的是
未定义id
。
一旦修复，下一个是
x未定义

// object constructor 
function employee(first, last, id_num) {
    this.firstName = first;
    this.lastName = last;
    this.id_num = id; // should be "id_num" not "id"
}

for (i = 0; x < IdArray.length; i++){ // "x" should be "i"
    text += IdArray[i] + "<br>";
     document.getElementById("3").innerHTML = text;
} 

到

您的代码中有两个错误

请换这一行

this.id_num = id;

到

改变

for (i = 0; x < IdArray.length; i++){

然后另一个函数可以调用ObjectArray（）来获取数组。
代码中有两个错误

请换这一行

this.id_num = id;

到

改变

for (i = 0; x < IdArray.length; i++){

然后，另一个函数可以调用ObjectArray（）来获取数组。
当通过关键字
new
创建新对象时，您应该添加类似
new object（）
的括号，即使在通过关键字
new
创建新对象时它可能不起作用，也应该添加类似
new object（）的括号
，即使它可能不工作，我尝试通过firefox使用firebug，但它没有显示任何ERORR，我可能没有正确使用它。但是我单击了console>all，errors，warnings，nothing…感谢应该工作，我使用firebug检查了你的代码，这就是我检测问题的方式我尝试通过firefox使用firebug，但没有成功给我看一本书