javascript 多维数组行为异常

Question

我正在尝试根据用户在上一个字段中的输入设置 jquery 自动完成输入。

我有一个 php 脚本，它 returns 一个 json 变量到这个 jquery post 函数。但是之后我似乎无法正确设置我的阵列。

我试过为数据设置一个变量并在 $.post 函数之外处理数组，但仍然没有成功。

我只是不确定当 "parent" 值本身显示为 null 时如何以及为什么正确提醒我的数组的子值？

function populateMetrics(light_id){
    var availableMetrics = [];
    $.post( 
            "getLightMetrics.php",
            { 
              light_id: light_id,
            },
            function(data) {
                $.each(data, function(index, item){
                    alert(index); //correct index
                    availableMetrics[index] = [];
                    availableMetrics[index]['value'] = item.benchmark_id;
                    alert(availableMetrics[index]['value']); //correct value
                    alert(availableMetrics[index]); //null?
                    availableMetrics[index]['label'] = item.benchmark_variant + "-" + item.benchmark_metric;
                    alert(availableMetrics[index]['label']); //correct
                    alert(item.benchmark_id + " = " + item.benchmark_variant + "-" + item.benchmark_metric);
                    alert(availableMetrics[index]); //still null
                });
                alert(availableMetrics); //all null, but correct amount
                $( "#metric" ).autocomplete({
                    source: availableMetrics,
                    focus: function( event, ui ) {
                        $( "#metric" ).val( ui.item.label );
                        return false;
                    },
                    select: function( event, ui ) {
                        $( "#metric" ).val( ui.item.label );
                        $( "#metric_id" ).val( ui.item.value );
                        return false;
                    }
                });
            },
            "json"

    );
}

Answer 1

JavaScript 中的多维数组只能有基于整数的索引。它们不像 PHP.

中的关联数组那样工作

您要查找的代码可能是

var availableMetrics = [];

$.each(data, function(index, item) {
    availableMetrics[index] = {
        value: item.benchmark_id,
        label: item.benchmark_variant + "-" + item.benchmark_metric
    };
});

这将创建具有 value 和 label 属性的对象数组。然后，您就可以使用以下任一符号从数组中检索值：

availableMetrics[index]['value'];
availableMetrics[index].value;

javascript 多维数组行为异常

javascript multidimensional array acting strangely

javascript

jquery

post

json

multidimensional-array