JavaScript: how to get values ​​from a multidimensional array?

Question

I am trying to get values ​​from a multidimensional array. This is what I still have. I need a value of 99 and an image when I select the first parameter in an array, for example. "Billy Joel."

var concertArray = [ ["Billy Joel", "99", "equal.png"], ["Bryan Adams", "89", "higher.png"], ["Brian Adams", "25", "lower.png"] ]; function populate(){ for(i = 0; i < concertArray.length; i++){ var select = document.getElementById("test"); select.options[select.options.length] = new Option(concertArray[i][0], concertArray[i][1]); } } 

Answer 1

You can try to convert a multidimensional array into an array of such objects:

 var concertArray = [ {name: "Billy Joel", value: 99, image: "equal.png"}, {name: "Bryan Adams", value: 89, image: "higher.png"}, {name: "Brian Adams", value: 25, image: "lower.png"} ]; 

Then you can access the elements in the array, just like regular objects:

 var concertName = concertArray[0].name; var concertPrice = parseFloat(concertArray[0].value); var concertImage = concertArray[0].image; 

Answer 2

99 => concertArray[i][1] image => concertArray[i][2]

Answer 3

AFAIK, the Option constructor accepts only two arguments, text and value . If you want to transfer more data, I suggest you use the HTML5 data API:

 var opt = new Option(concertArray[i][0], concertArray[i][1]); opt.setAttribute('data-image', concertArray[i][2]); select.options[select.options.length] = opt; 

Then you can capture it with getAttribute('data-image')

Answer 4

You can access the values ​​using 2 for loops, as shown below.

 var concertArray = [ ["Billy Joel", "99", "equal.png"], ["Bryan Adams", "89", "higher.png"], ["Brian Adams", "25", "lower.png"] ]; function populate(){ for(i=0;i<arr.length;i++) { for(j=0;j<arr[i].length;j++) { console.log(arr[i][j]); } } }