JavaScript динамически заполняет ассоциативный массив и получает значения

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

        var myAssociativeArr = new Array();

        myAssociativeArr = [
         { id:'1',
          lname:'doe',
          fname:'john' 
        },
         { id:'2',
          lname:'smith',
          fname:'john' 
        }

        ]

У меня есть три массива одинаковой длины, из которых я буду строить этот ассоциативный массив, т.е. массив id, lname и fname.

    for(var i=0; idArray.length;i++)
    {
    myAssociativeArr [id]=idArray[i];
    myAssociativeArr [lname]=lnameArray[i];
    myAssociativeArr [fname]=fnameArray[i];
    }

Пожалуйста, сообщите, верен ли приведенный выше подход, если нет как построить этот массив, а также как получить значение этого массива с помощью цикла.

Мы будем благодарны за вашу помощь.