2016-12-20 5 views
3

私はJavascriptで、私はこのようなオブジェクトを作成することができることを理解:Javascriptでオブジェクトの配列を作成する最適な方法は何ですか?

var cup = {}; 

さらに、私はこのようなプロパティを設定できます。

cup.color = 'Blue'; 
cup.size = 'Large'; 
cup.type = 'Mug'; 

私はカップの配列を作成することはできますか?たとえば、次の配列を作成する

cup[0].color = 'Blue'; 
cup[1].size = 'Large'; 
cup[2].type = 'Mug'; 
+0

これはオブジェクトの配列であろう。サイズ: 'Large'、タイプ: 'Mug'}、{color: 'Red'、サイズ: 'Small'、タイプ: 'Glass'}] ' – wackozacko

答えて

10

は、このように簡単です:

var cups = []; 

あなたはこのような人口の配列を作成することができます:あなたは配列に複数の項目を追加することができます

var cups = [ 
    { 
     color:'Blue' 
    }, 
    { 
     color:'Green' 
    } 
]; 

をこのように:

cups.push({ 
    color:"Red" 
}); 
var arr = [] 
for (var n = 0; n < arr.length; n++) { 
    arr[n] = {color: null, size: null, type: null} 
} 

しかし、通常、このようなパターンは必要ではなく、あなたがが解決しようとし、問題を再考する必要があります。このような

+0

Perfect!まさに私が探していたもの。 – cleverpaul

+1

"W3"は非常に誤解を招くので、例とサポートについては、言語仕様または[* MDN *](https://developer.mozilla.org/en-US/docs/Glossary/array)を参照してください。 – RobG

+1

リンクを更新しました –

0

何かが、私が見たもの、一般的です。

0

簡単に言えば。 JSで

cup[0].color = 'Blue'; 
cup[1].size = 'Large'; 
cup[2].type = 'Mug'; 

あなたが行うことができますオブジェクトの配列を作成したい場合は@wachkozacoが言ったように、これは...ネストされたオブジェクト、他のオブジェクト

cup = { 
    0: { 
     color: 'Blue' 
    }, 
    1: { 
     size: 'Large' 
    }, 
    2: { 
     color: 'Mug' 
    } 
} 

を含むオブジェクトなどにつながります。

var cup = [{color:'Blue',size:'Large',type:'Mug'},{color:'Red',size:'S‌​mall',type:'Cup'}] 

またはより直感的

var cup = []; 
var obj = {color: 'Red', size: 'small', type: 'Cup'}; 
cup[0] = obj; // also cup.push(obj); 
関連する問題