Tengo un proyecto en el que estoy trabajando, una parte del proyecto requiere que use una matriz de objetos. Entiendo qué es una matriz y también entiendo cómo crear un objeto. Creé un nuevo objeto llamado estudiante con propiedades de nombre, calificación e identificación de estudiante. cada una de estas propiedades de objeto será generada por el usuario en los campos de texto de entrada. Tengo un botón que uso para guardar cada entrada en una matriz, pero no entiendo cómo incorporar mi objeto de estudiante en mi matriz o no entiendo correctamente qué es una matriz de objetos que es un requisito para este proyecto. Ya lo tenía configurado para trabajar con una matriz paralela y comenté las líneas para agregar mi nuevo objeto de estudiante y el nuevo campo de entrada de ID de estudiante, pero ahora estoy atascado. Lo investigué y no obtengo la información necesaria para completar esta tarea o no está muy claro. Esto es lo que tengo hasta ahora

 <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="hop"></p><br> <p id="lop"></p><br> <p id="aop"></p><br> <p id="cop"></p><br> <script> var studentArr = new Array(); var scoreArr = new Array(); function enter() { var student = { name: document.getElementById("inp").value, grade : "A", id : 001 }; // Just to test my object property is saving input correctly. document.getElementById("iop").innerHTML = student.name; studentArr.push(student.name); var stuval = ""; for (i=0; i < studentArr.length; i++) { stuval = stuval + studentArr[i] + "<br/>"; } } </script>