---
title: >-
  SyntaxError: a declaration in the head of a for-of loop can't have an
  initializer
slug: Web/JavaScript/Reference/Errors/Invalid_for-of_initializer
tags:
  - Error
  - JavaScript
  - SyntaxError
translation_of: Web/JavaScript/Reference/Errors/Invalid_for-of_initializer
original_slug: Web/JavaScript/Reference/Fehler/Invalid_for-of_initializer
---
<div>{{jsSidebar("Errors")}}</div>

<h2 id="Fehlermeldung">Fehlermeldung</h2>

<pre class="syntaxbox">SyntaxError: a declaration in the head of a for-of loop can't have an initializer (Firefox)

SyntaxError: for-of loop variable declaration may not have an initializer. (Chrome)
</pre>

<h2 id="Fehlertyp">Fehlertyp</h2>

<p>{{jsxref("SyntaxError")}}</p>

<h2 id="Was_falsch_gelaufen_ist">Was falsch gelaufen ist?</h2>

<p>Der Kopf einer <a href="/de/docs/Web/JavaScript/Reference/Statements/for...of">for...of</a> Schleife enthält einen Initialisierungsausdruck. Das ist eine Variable die deklariert und initialisiert wird |<code>for (var i = 0 of iterable)</code>|. Dieses ist nicht erlaubt in for...of Schleifen. Manchmal ist eine <code><a href="/de/docs/Web/JavaScript/Reference/Statements/for">for</a></code> Schleife gemeint, die eine Initialisierung erlaubt.</p>

<h2 id="Beispiele">Beispiele</h2>

<h3 id="Nicht_valide_for...of_Schleife">Nicht valide <code>for...of</code> Schleife</h3>

<pre class="brush: js example-bad">let iterable = [10, 20, 30];

for (let value = 50 of iterable) {
  console.log(value);
}

// SyntaxError: a declaration in the head of a for-of loop can't
// have an initializer</pre>

<h3 id="Valide_for...of_Schleife">Valide <code>for...of</code> Schleife</h3>

<p>Man muss die Initialisierung (<code>value = 50</code>) im Kopf der <code>for...of</code> Schleife entfernen. Wenn 50 als Offset gedacht ist, kann man eine Addition in den Körper der Schleife verschieben, wie im folgenden Beispiel:</p>

<pre class="brush: js example-good">let iterable = [10, 20, 30];

for (let value of iterable) {
  value += 50;
  console.log(value);
}
// 60
// 70
// 80
</pre>

<h2 id="Siehe_auch">Siehe auch</h2>

<ul>
 <li><code><a href="/de/docs/Web/JavaScript/Reference/Statements/for...of">for...of</a></code></li>
 <li><code><a href="/de/docs/Web/JavaScript/Reference/Statements/for...in">for...in</a></code> – Verbietet ebenfalls eine Initialisierung im Strict Mode (<a href="/de/docs/Web/JavaScript/Reference/Errors/Invalid_for-in_initializer">SyntaxError: for-in loop head declarations may not have initializers</a>)</li>
 <li><code><a href="/de/docs/Web/JavaScript/Reference/Statements/for">for</a></code> – Erlaubt eine Initialisierung beim Iterieren.</li>
</ul>