我正在构建一个数组,该数组将托管包含学生姓名、成绩和 z 分数(当前值设置为 null)的对象,但在加载对象时遇到问题。
该对象应该看起来像这样:
var 000 = {
name: "John Doe",
grade: 92,
zScore: null
};
HTML:
<div id="content">
<input type="text" id="name" placeholder= "Name . . .">
<input type="text" id="grade" placeholder = "Grade . . . ">
<button id="add">Add</button>
<button id="doMath">Do Math</button>
<br>
<br>
<ul id="list"></ul>
</div>
CSS:
#name:hover,#grade:hover {
border: 1px solid #000;
}
JavaScript:
var studentArray = [];
var oid = 001;
var studentName = $('#name').val();
var studentGrade = (parseInt($('#name').val()));
var zScore = null;
$(document).ready(function() {
$('#add').on('click', function() {
if (studentName === "" || studentGrade === "") {
return;
};
oid = {
name: studentName,
grade: studentGrade,
z: zScore
};
//check it out
console.log(oid);
//push object to array
studentArray.push(oid);
//check out array
console.log(studentArray);
//push OID up for next student and reset inputs
$('#name').val("");
$('#grade').val("");
oid++;
});
$('#doMath').on('click', function() {});
});
我做错了什么?
最佳答案
通过添加到数组中,您基本上会忽略对象名称。也许您可以使用父对象?
var studentObj = {};
var oid = 001;
var studentName = "evan";
var studentGrade = "a";
var zScore = null;
//push to object
studentObj[oid] = {
name: studentName,
grade: studentGrade,
z: zScore
};
//check out object
console.log(studentObj);
//push OID up for next student and reset inputs
$('#name').val("");
$('#grade').val("");
oid++;
关于javascript - 将对象添加到数组失败,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33375549/