javascript - Javascript オブジェクト: 基本的な知識のギャップ

Question

ユーザーを特定の選択肢に導くために、Googleスプレッドシートによって駆動される一連のhtmlフォームオプション/選択フィールドを作成しようとしています。赤、青、または黒の帽子、青、緑、または赤の T シャツを考えてみてください。ソース データは、多くの行で列 1 に同じ値があり、列 2 に一意の値があります。色は各製品に固有です。(スプレッドシートの構造は変更できません。)

行を製品ごとにグループ化しようとしているので、製品のドロップダウンを入力してから、その製品に合わせた色のドロップダウンを入力できます。それが私が立ち往生しているところです。

私はデータの読み込みに問題がなく、フォームの表示を行うことができます。次のような配列を構築する方法を終了する方法についての洞察が必要です:

var productsAndColors = [];
productsAndColors[0] = new Array("hat", ["pink", "red", "blue"]);

ここで不確かな部分を引用するだけです：

for (i = 0; i < json.feed.entry.length; i++) {
    var entry = json.feed.entry[i];
    product = entry.gsx$product.$t;
    productsAndColors[i] = ['', []];
    if (productCheck != product) {
        productsAndColors[i][0] = product;
        thisShape = product;
    }
    color = entry.gsx$color.$t;
    productsAndColors[i][1].push(color);
}

これにより、行ごとに配列が作成されますが、行をグループ化する方法がわかりません。私はこれが穴居人であることを理解しています。

あなたの考えをありがとう。

http://jsfiddle.net/hartogsmith/SqNNk/

https://docs.google.com/spreadsheet/ccc?key=0AkT3oKFSug31dGhva1lpWkhDOGxKaVJsNnpkZVpNbUE#gid=0