コレクション型 | Lightning コンポーネント開発者ガイド

次に、サポートされているコレクション型の値を示します。

型	例	説明
`type`[] (配列)	`<aura:attribute name="colorPalette" type="String[]" default="['red', 'green', 'blue']" />`	定義された種別の項目の配列。
`List`	`<aura:attribute name="colorPalette" type="List" default="['red', 'green', 'blue']" />`	順序付けされた項目のコレクション。
`Map`	`<aura:attribute name="sectionLabels" type="Map" default="{ a: 'label1', b: 'label2' }" />`	キーを値に対応付けるコレクション。対応付けに重複キーを含めることはできません。各キーを複数の値に対応付けることはできません。デフォルトは空のオブジェクト `{}` です。値を取得するには、`cmp.get("v.sectionLabels")['a']` を使用します。
`Set`	`<aura:attribute name="collection" type="Set" default="['red', 'green', 'blue']" />`	重複する要素を含まないコレクション。セット項目の順序は保証されません。たとえば、`"red,green,blue"` が `"blue,green,red"` と返される可能性があります。

リスト項目の設定

リスト内の項目を設定するには、いくつかの方法があります。クライアント側のコントローラを使用するには、List 型の属性を作成し、component.set() を使用して項目を設定します。

次の例では、ボタンをクリックしたときにクライアント側のコントローラから数値のリストを取得します。

1<aura:attribute name="numbers" type="List"/>
2<ui:button press="{!c.getNumbers}" label="Display Numbers" />
3<aura:iteration var="num" items="{!v.numbers}">
4  {!num.value}
5</aura:iteration>

1/** Client-side Controller **/
2({
3  getNumbers: function(component, event, helper) {
4    var numbers = [];
5    for (var i = 0; i < 20; i++) {
6      numbers.push({
7        value: i
8      });
9    }
10    component.set("v.numbers", numbers); 
11    }
12})

リストデータをコントローラから取得するには、aura:iteration を使用します。

対応付け項目の設定

キーと値のペアを対応付けに追加するには、構文 myMap['myNewKey'] = myNewValue を使用します。

1var myMap = cmp.get("v.sectionLabels");
2 myMap['c'] = 'label3';

次の例では、対応付けからデータを取得します。

1for (key in myMap){
2     //do something
3}