我的Java脚本数组没有长度

Question

I have the following code:

//Populate inputData with the values of the input text boxes, in order
var inputData = {};
var x = document.getElementById("newInventoryForm");

//Added this following line in the edit
$('#additionalContent').append("My x.length property " + x.length + "<br/>");

for (var i = 0; i < x.length - 1; i++) {// -1 so we don't get the submit button
    var addData = {
        id : x[i].id,
        value : x[i].value
    };
    inputData[i] = addData;
    $('#additionalContent').append(inputData[i].id + " : " + inputData[i].value + "<br/>");
}

I'm attempting to pass the form data from a previously made form to another javascript function. Before I do that I have tried to make it all work in the same .js page, however when I try to output my inputData through a for loop, it shows up blank. I determined this is because inputData.length is undefined . I was under the impression that declaring it as inputData = {}; made it an array and thus had a default length value. How can I change this to have the correct length?

Edit

Several commenters have said that var x = document.getElementById("newInventoryForm"); should return null or a node, neither of which has a length property. Adding the line in the code above, has produced this output.

My x.length property 18 serialNumber : 456 someDatafield : someInput

Answer 1

You've declared it as an object.

Perhaps var inputData = []; will give you better results.

Answer 2

{} is an object, not an array.
You want [] .

Also, getElementById() does not return an array; your entire code makes no sense.