Question

我正在使用一个使用对象数组的javascript程序。它为对象属性使用3个用户输入字段。我坚持如何访问和显示数组对象及其属性。我希望它保存数组中的用户输入，并允许我在列表中显示名称并获得等级，以便我可以使用输入值来解决数学问题。我坚持如何访问数组对象属性。我使用并需要保留对象构造函数。这就是我到目前为止所拥有的

<br>
<p><b>Student Name:</b></p>
<input id="inp" type="text">
<br>
<br>
<p><b>Grade:</b></p>
<input id="inps" type="text">
<br>
<br>
<p><b>Student ID:</b></p>
<input id="inpsid" type="text">
<br>
<br>
<button type="button" onclick="enter()">Enter</button>
<br>
<br>
<button type="button" onclick="construct()">Constructor</button>
<p>Student Names List:</p>
<p id="iop"></p>
<br>
<p id="opo"></p>
<br>
<p id="cop"></p>
<br>
<script>
var studentArr = [];

  function Student(name, grade, id) {
  this.name = name;
  this.grade = grade;
  this.id = id; 
}

    function enter() {

        var namip = document.getElementById("inp").value;
        var gradip = document.getElementById("inps").value;
        var idip = document.getElementById("inpsid").value;

        var nwStudent = new Student(namip, gradip, idip);

        studentArr.push(nwStudent);

        document.getElementById("cop").innerHTML = "Student Name: " + nwStudent;

    }

</script>

Answer 1

您可以使用点符号从对象获取属性，就像使用元素一样（例如，当您获得文本框的值时）。如果要显示构造对象的名称，请使用.name，如下所示：

document.getElementById("cop").innerHTML = "Student Name: " + nwStudent.name;

Answer 2

正如杰拉尔多所说：

studentArr[index].property or studdentArr[index]['property']

如果对象是JSON对象类型或Array对象并不重要，只需使用语法。

document.getElementById("cop").innerHTML = "Student Name: " + nwStudent['name'];

或

document.getElementById("cop").innerHTML = "Student Name: " + nwStudent.name;

Answer 3

如果我理解正确，您正在尝试访问数组中对象的属性。

例如，studentArr[0].name可以获得第一个学生的姓名。

见这里： https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array 在这里https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Working_with_Objects#Objects_and_properties了解更多信息。

javascript如何访问数组对象属性

3 个答案: