JavaScript:如何从多维数组中获取值？

Question

我正试图从多维数组中获取值.这就是我到目前为止所拥有的.
当我选择数组中的第一个选项时,我需要99的值和图像,例如"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

您可以尝试将多维数组转换为对象数组,如下所示:

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"}
];

然后,您可以像常规对象一样访问数组中的项:

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]