javascript-массив-ассоциированный массив добавить пара значений ключа неожиданный результат

Question

Это, вероятно, очевидно, но почему я не получаю ожидаемую строку JSON при добавлении пары ключ-значение в этот массив javascript?

Следующий шаг: Как показывает код, я действительно хочу иметь два набора данных в объекте.

jsFiddle here - Weird, at moment only "works" in Chrome

var myKey = "123", myVal="Car"; 
var arrSummat = new Array(); 

$('#mybutt').click(function(){ 
    arrSummat["987"] = "Boat"; 
    //arrSummat[myKey] = myVal; 
    var test = JSON.stringify(arrSummat); 
    alert(test); 
}); 

Answer 1

В JavaScript строит ассоциативный массив * или хэш-карта или объект не может быть очень очевидна. Во-первых, все в конечном счете является объектом, поэтому синтаксис, используемый с ассоциативными массивами, действителен для всего, что не является «ассоциированным массивом», который, вероятно, является причиной возникновения путаницы. Сначала давайте рассмотрим проблему. Вы, вероятно, хотели использовать объект вместо массива:

arrSummat = {}; 
arrSummat["987"] = "Boat"; 
console.log(JSON.stringify(arrSummat)); // => {"987":"Boat"} 

При запуске вашей скрипки (в Chrome) Я довольно много получить массив с 986 null значений, а затем "Boat" (я могу ошибаться, я» m не считая счет null s в этом предупреждении).

Теперь, когда вы оригинальный вопрос будет решен, я хотел бы отметить две вещи, которые вы можете начать делать по-разному:

Предпочитаю сокращенный синтаксис для OBJETS и массивов. Два примера функционально одинаковы, но вы должны предпочесть второй для большинства целей.

var myArr = new Array(); 
var myObj = new Object(); 

То же самое, как:

var myArr = []; 
var myObj = {}; 

сокращенную может даже прийти с некоторыми основными значениями:

var myArr = [1, 2, 3]; 
var myObj = {one: "1", two: "2"}; 

Во-вторых, никогда не используйте Array объект как нечто иное, чем массив. Это синтаксически справедливо для этого, но это приведет к неожиданным результатам (как вы видели здесь).

• В JavaScript нет «ассоциативного массива», но объекты обычно используются в качестве замены и обеспечивают аналогичную функциональность.

Revised jsFiddle Link