Question

我正在尝试创建一个对象，并且每个对象的名称都是唯一的。对象将有一个名称，一个数字和一个为空的第二个数字（我打算稍后计算）。

是否有可能以1变量命名的对象然后在函数末尾增加变量，以便下一个对象是2？

我收到了身份证号码值的提醒，并以NaN

的形式显示

在我的小提琴中，我有一个按钮可以将数组中的每个对象附加到列表中，以便我可以检查它们。它们以[ object Object ]形式出现。

如果我以后想要在每个对象中使用number字段来执行计算，这应该是对象的对象而不是对象数组吗？

我有我的样本对象的格式是我认为我想要坚持的（除非有理由以另一种方式做得更好）因为它遵循w3schools的例子。

我做错了什么？

Fiddle here.

HTML：

<input type="text" placeholder="Name" id="name"> <input type="text" placeholder="Number" id="number">
    <br>
    <button id="makeObject">Make Object</button>
    <button id="show">Show Me The Objects</button>
        <ul id="list"></ul>

JavaScript的：

/*Sample ideal object
 1 = {
    name: John Doe
    number: 52
    newNumber: null
 }
*/

var arrayOfObjects = [];
var id = 1;

$(document).ready(function(){

    $('#makeObject').on('click', function(){
        var number = (parseInt($('#Number').val()));
        var name = $('#Name').val();
        arrayOfObjects.push(id = {
            number: number, 
            name: name,
            newNumber: null
        });
        id++;
        alert("The id is now: " + id);
        $('#Number').val("");
        $('#Name').val("");
    });

    $('#show').on('click', function(){
        $('#list').html("");
        for (i = 0; i < arrayOfObjects.length; i++) {
          $('#list').append("<li>" + arrayOfObjects[i] + "</li>");  
        };
    });
});

Answer 1

你要找的是一个对象键，而不是它的名字（不能以Quantastical状态的数字开头）

无论如何，你的作业有点奇怪。这种方式应该是你想要的方式：

arrayOfObjects[id] = {
                number: number, 
                name: name,
                newNumber: null
            };

查看http://jsfiddle.net/ej3z9ncd/3/以确认其正常工作

Answer 2

对象名称是字符串。

我意识到唯一的名字对于对象本身并不重要，我只是选择了“学生”。相反，我把学生的名字（它是唯一的）作为对象中的一个字段。

Fiddle here.

<input type="text" id="name" placeholder="Name">
<input type="text" id="score" placeholder="Score">
<br>
<br>
<button id="push">Push to Array</button>
<button id="show">Show</button>
<button id="doMath">Do Math</button>
<ul id="list"></ul>
<p id="sum"></p>
<p id="mean"></p>

CSS：

input:hover {
    border: 1px solid black;
}

JavaScript的：

var myArray = [];
var sumOfScores;
var mean;
$(document).ready(function () {
    $('#push').on('click', function () {
        var name = $('#name').val();
        var score = parseInt($('#score').val());
        myArray.push((student = {
            name: name,
            score: score,
            newScore: null
        }));
        console.log(student);
        $('#name').val("");
        $('#score').val("");
    });
    $('#show').on('click', function () {
        $('#list').html("");
        for (i = 0; i < myArray.length; i++) {
            $('#list').append("<li>" + myArray[i].name + " received a score of " + myArray[i].score + "</li>");
        };
    });
    $('#doMath').on('click', function(){
        sumOfScores = 0;
        for (i = 0; i < myArray.length; i++) {
            sumOfScores += myArray[i].score;
        };
        $('#sum').html("The sum is: " + sumOfScores);
        mean = (sumOfScores / myArray.length);
        $('#mean').html("The mean score is: " + mean);
    });
});

对象名称可以是数字吗？

2 个答案: