JavaScript For Of

Πίνακας περιεχομένων

    Εμφάνιση πίνακα περιεχομένων

Ο βρόχος for του

Οι βρόχοι δηλώσεων JavaScript for of μέσω των τιμών ενός επαναλαμβανόμενου αντικειμένου.

Σας επιτρέπει να κάνετε βρόχο πάνω από επαναλαμβανόμενες δομές δεδομένων όπως Arrays, Strings, Maps, NodeLists και άλλα:

Σύνταξη

for (variable of iterable) {
  // code block to be executed
}

μεταβλητή - Για κάθε επανάληψη η τιμή της επόμενης ιδιότητας είναι αποδίδεται στη μεταβλητή. Η Μεταβλητή μπορεί να δηλωθεί με const, αφήστε ή var.

επαναληπτικό - Ένα αντικείμενο που έχει επαναλαμβανόμενες ιδιότητες.

Υποστήριξη προγράμματος περιήγησης

Το For/of προστέθηκε στην JavaScript το 2015 (ES6)

Το Safari 7 ήταν το πρώτο πρόγραμμα περιήγησης που υποστήριξε:

Chrome 38 Edge 12 Firefox 51 Safari 7 Opera 25
Oct 2014 Jul 2015 Oct 2016 Oct 2013 Oct 2014

Το Για/για δεν υποστηρίζεται στον Internet Explorer.

Κάνοντας βρόχο πάνω από έναν πίνακα

Παράδειγμα

const cars = ["BMW", "Volvo", "Mini"];

let text = "";
for (let x of cars) {
  text += x;
}

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript For Of Loop</h2>
<p>The for of statement loops through the values of any iterable object:</p>

<p id="demo"></p>

<script>
const cars = ["BMW", "Volvo", "Mini"];

let text = "";
for (let x of cars) {
  text += x + "<br>";
}

document.getElementById("demo").innerHTML = text;
</script>

</body>
</html>

Looping πάνω από μια χορδή

Παράδειγμα

let language = "JavaScript";

let text = "";
for (let x of language) {
  text += x;
}

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript For Of Loop</h2>

<p>The for of statement loops through the values of an iterable object.</p>

<p id="demo"></p>

<script>
let language = "JavaScript";

let text = "";
for (let x of language) {
  text += x + "<br>";
}

document.getElementById("demo").innerHTML = text;
</script>

</body>
</html>

The while Loop

Ο βρόχος while και ο βρόχος do/while εξηγούνται στο επόμενο κεφάλαιο.