Многомерные ассоциативные массивы в JavaScript

Получены следующие результаты запроса: (key1 и key2 могут быть любым текстом)

id   key1     key2     value

1    fred     apple    2
2    mary     orange   10
3    fred     banana   7
4    fred     orange   4
5    sarah    melon    5
...

и я хочу сохранить данные в сетке (возможно, в виде массива) looping все записи выглядят так:

         apple    orange   banana  melon
fred        2        4         7     -
mary        -        10        -     -
sarah       -        -         -     5

В PHP это было бы очень просто, используя ассоциативные массивы:

$result['fred']['apple'] = 2;

Но в JavaScript ассоциативные массивы, подобные этому, не работают. Прочитав тонны учебников, все, что я смог получить, было следующее:

arr=[];
arr[1]['apple'] = 2;

но arr ['fred'] ['apple'] = 2; не работает. Я пробовал массивы объектов, но свойства объектов не могут быть свободным текстом. Чем больше я читал учебники, тем больше я запутывался ...

Любая идея приветствуется :)