Function For

For<TItem>(
    props: {
        children: (value: Cell<TItem>, index: number) => ElementChildren;
        each: Cell<Iterable<TItem, any, any>>;
        else?: ElementChildren;
    },
    context: Context,
): Element
Iterate over an array of items and render an element for each. When the cell updates the existing DOM-elements will be reused, but an update will be emitted for each item in the array.
Type Parameters
- TItem
Parameters
- props: {
      children: (value: Cell<TItem>, index: number) => ElementChildren;
      each: Cell<Iterable<TItem, any, any>>;
      else?: ElementChildren;
  }
  - children: (value: Cell<TItem>, index: number) => ElementChildren
    A function that accepts an item cell and returns an element.
  - each: Cell<Iterable<TItem, any, any>>
    A cell containing an array of items to iterate over.
  - Optionalelse?: ElementChildren
    Alternative to show when array is empty.
- context: Context
Returns Element
Example
```
const a = cell([1, 2, 3]);
<For each={a}>{(item, index) => {
    <li>Item {item} and index {index}</li>
}</For>
```
- Defined in src/for.tsx:35
For<TItem>(
    props: {
        children: (value: TItem, index: number) => ElementChildren;
        each: Iterable<TItem>;
        else?: ElementChildren;
    },
    context: Context,
): Element
Iterate over a static array of items and render an element for each.
Type Parameters
- TItem
Parameters
- props: {
      children: (value: TItem, index: number) => ElementChildren;
      each: Iterable<TItem>;
      else?: ElementChildren;
  }
  - children: (value: TItem, index: number) => ElementChildren
    A function that accepts an item and returns an element.
  - each: Iterable<TItem>
    An array of items to iterate over.
  - Optionalelse?: ElementChildren
    Alternative to show when array is empty.
- context: Context
Returns Element
Example
```
const a = [1, 2, 3];
<For each={a}>{(item, index) => {
    <li>Item {item} and index {index}</li>
}</For>
```
- Defined in src/for.tsx:56
For<TItem, TKey>(
    props: {
        children: (value: TItem, key: TKey) => ElementChildren;
        each: CellIterable<TItem, TKey>;
        else?: ElementChildren;
    },
    context: Context,
): Element
Iterate over a CellIterable of items and keys. See cellArray for information on creating dynamic cell arrays.
Type Parameters
- TItem
- TKey
Parameters
- props: {
      children: (value: TItem, key: TKey) => ElementChildren;
      each: CellIterable<TItem, TKey>;
      else?: ElementChildren;
  }
  - children: (value: TItem, key: TKey) => ElementChildren
    A function that accepts an item cell and returns an element.
  - each: CellIterable<TItem, TKey>
    An iterable to itearate over.
  - Optionalelse?: ElementChildren
    Alternative to show when array is empty.
- context: Context
Returns Element
Example
```
const a = cellArray([1, 2, 3]);
<For each={a.indexed}>{(item, index) => {
    <li>Item {item} at index {index}</li>
}</For>
```
- Defined in src/for.tsx:78