I am trying to declare multiple arrays in a single line. But I am taking this error. (Cannot set property "0" of undefined)

var photos,tags = new Array();

flickrJSON.items.forEach(function(item, index) {
    photos[index] = item.media.m;
    tags[index] = item.tags;
});

Why I take this error? Can somebody explain? and How can I fix it

I am trying to declare multiple arrays in a single line. But I am taking this error. (Cannot set property "0" of undefined)

var photos,tags = new Array();

flickrJSON.items.forEach(function(item, index) {
    photos[index] = item.media.m;
    tags[index] = item.tags;
});

Why I take this error? Can somebody explain? and How can I fix it

• javascript
• arrays
• declaration

• Can you use ES6? – omri_saadon Commented Nov 15, 2018 at 11:29
• Just for the sake of interpreting the error, writing: var photos,tags = new Array(); is the same as writing var photos; var tags = new Array();. Hence the error (photos is undefined). – briosheje Commented Nov 15, 2018 at 11:34

2 Answers 2

You're trying to use two arrays there - an array named photos, and an array named tags, so you need to use new Array (or, preferably, []) twice:

var photos = [], tags = [];

In your original code, var photos, will result in photos being undefined, no matter what es after the ma.

If you wanted to create a lot of arrays at once and didn't want to repeat = [] each time, you could use Array.from with destructuring to keep code DRY:

const [arr1, arr2, arr3, arr4, arr5] = Array.from({ length: 5 }, () => []);

Using ES6 you can:

let [photos, tags] = [[], []];