# Διάσχιση πινάκων και αντικειμένων στις προβολές

> Επαναλάβετε markup με @{foreach} για πίνακες και αντικείμενα και χρησιμοποιήστε τον δείκτη του τρέχοντος στοιχείου.

Framework: total5
Product: Total.js 5 (total5@0.0.19)
Language: el
Content-SHA256: eb751a28e21df66c3943cb67c8f27bd3029d12f00dcfe6b725fefcc627e204ac
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: total5-installed@total5@0.0.19
Review: not-recorded

Το `@{foreach item in expression}` επαναλαμβάνει το μπλοκ για κάθε στοιχείο ενός πίνακα και κλείνει με `@{end}`. Μέσα στον βρόχο το `index` είναι η θέση του τρέχοντος στοιχείου (ξεκινώντας από το 0). Η ίδια σύνταξη διασχίζει τις ιδιότητες ενός αντικειμένου: κάθε στοιχείο έχει ένα `key` και ένα `value`.

```html views/index.html
@{layout('')}
<ul class="products">
@{foreach product in model.products}
	<li>@{index}: @{product.name} - @{product.price}</li>
@{end}
</ul>
<dl class="fields">
@{foreach field in model.meta}
	<dt>@{field.key}</dt><dd>@{field.value}</dd>
@{end}
</dl>
```

```js controllers/default.js
exports.install = function() {
	ROUTE('GET /', page);
};

function page($) {
	$.view('index', {
		products: [{ name: 'Book', price: 12 }, { name: 'Pen', price: 3 }, { name: 'Lamp', price: 40 }],
		meta: { color: 'red', size: 'M' }
	});
}
```