pushing variables to array returns undefined

Question

SOLVED, Thank you! I needed to specify the index.

I am trying to push a set of variables into an array from user input. Without using push it is working fine;

var inputStart = addAppointment.inputStart.value;
var inputEnd = addAppointment.inputEnd.value;
var appointmentArr = [];
appointmentArr = {start:inputStart, end:inputEnd};
document.write(appointmentArr.start);
document.write(appointmentArr.end);

however, when I try to push the variables it returns undefined;

var inputStart = addAppointment.inputStart.value;
var inputEnd = addAppointment.inputEnd.value;
var appointmentArr = [];
appointmentArr.push({start:inputStart, end:inputEnd});
document.write(appointmentArr.start);
document.write(appointmentArr.end);

Can anyone explain why this is happening? As far as I am aware I need to use push because I eventually want to create a new, populated index number every time the user inputs data, so any help is greatly appreciated. Thanks in advance

Pajri Aprilio · Accepted Answer · 2018-05-02 05:31:47Z

1

You are accessing array. So, the document.write part should be like this

document.write(appointmentArr[0].start);
document.write(appointmentArr[0].end);

answered May 2, 2018 at 5:31

Pajri Aprilio

3226 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sravan · Accepted Answer · 2018-05-02 05:21:03Z

1

Since appointmentArr is an array, you should fisrt take appointmentArr[0] to access the first element of the array.

After you push the value, the appointmentArr becomes, [{start:inputStart, end:inputEnd}]

Since, it is an array you cannot access object keys directly, you have to take specific index element and then can access them using appointmentArr[index]

    var inputStart = 'inputStart';
    var inputEnd = 'inputEnd';
    var appointmentArr = [];
    appointmentArr.push({start:inputStart, end:inputEnd});
    document.write(appointmentArr[0].start + ' ');
    document.write(appointmentArr[0].end);

Please run the above snippet

answered May 2, 2018 at 5:21

Sravan

18.7k3 gold badges33 silver badges54 bronze badges

1 Comment

Sravan Over a year ago

Glad to help you

Isitea · Accepted Answer · 2018-05-02 06:43:26Z

0

You re-assigned your variable as Object.

var appointmentArr = [];
appointmentArr = {start:inputStart, end:inputEnd};

This code overwrite appointmentArr from Array [] to Object { start:inputStart, end:inputEnd }

And in the second code:

var appointmentArr = [];
appointmentArr.push({start:inputStart, end:inputEnd});

You modify appointmentArr from Array [] to Array [ {start:inputStart, end:inputEnd} ].

So, following code will work as you want.

document.write(appointmentArr[0].start);
document.write(appointmentArr[0].end);

edited May 2, 2018 at 6:43

answered May 2, 2018 at 5:22

Isitea

7615 silver badges13 bronze badges

Collectives™ on Stack Overflow

pushing variables to array returns undefined

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related