javascript - 在控制台中显示空白数组

我正在使用多维数组存储数据。它可以正常工作，但是当我们在控制台中打印它时，它显示空白数组，而在它下面时，它显示两个数组，因此里面应该只显示一个数组。
它应该看起来像这样。

ar['outbound']['Meal']="111,121"

它在控制台中的外观是这样的


它也正在打印未定义，还有一件事

如何从最后一个删除“，”

这是fiddle

码

var ar = [];
    ar['Outbound'] = [];
    ar['Inbound'] = [];
    var ch="";
    var sr= [];
    sr['Meal']= [];
    sr['Lounge']= [];
    $('a').click(function(){
     ch = $(this).parent().find('.no').text();
     var boundType= $(this).parent().find('.bound').text();
    ar[boundType][$(this).parent().find('.service').text()] +=($(this).parent().find('.no').text()) + ","; console.log(ar)
})

最佳答案

为了避免“未定义”，您必须为数组项设置默认值：

if (!ar[boundType][service]) {
    ar[boundType][service] = '';
}

并且最好在添加新值之前添加'，'：

if (ar[boundType][service].length > 0) {
    ar[boundType][service] += ',';
}

参见演示：http://jsfiddle.net/AVU54/1/