Οι μέθοδοι επανάληψης πίνακα λειτουργούν σε κάθε στοιχείο πίνακα.
forEach()Η μέθοδος forEach() καλεί μια συνάρτηση (μια συνάρτηση επανάκλησης) μία φορά για κάθε στοιχείο πίνακα.
const numbers = [45, 4, 9, 16, 25];
let txt = "";
numbers.forEach(myFunction);
function myFunction(value, index, array) {
txt += value + "<br>";
}Δοκιμάστε το μόνοι σας →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The forEach() Method</h2>
<p>Call a function once for each array element:</p>
<p id="demo"></p>
<script>
const numbers = [45, 4, 9, 16, 25];
let txt = "";
numbers.forEach(myFunction);
document.getElementById("demo").innerHTML = txt;
function myFunction(value, index, array) {
txt += value + "<br>";
}
</script>
</body>
</html>
Σημειώστε ότι η συνάρτηση παίρνει 3 ορίσματα:
Η τιμή του στοιχείου
Το ευρετήριο του στοιχείου
Ο ίδιος ο πίνακας
Το παραπάνω παράδειγμα χρησιμοποιεί μόνο την παράμετρο τιμής. Το παράδειγμα μπορεί να ξαναγραφτεί προς την:
const numbers = [45, 4, 9, 16, 25];
let txt = "";
numbers.forEach(myFunction);
function myFunction(value) {
txt += value + "<br>";
}Δοκιμάστε το μόνοι σας →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The forEach() Method</h2>
<p>Call a function once for each array element:</p>
<p id="demo"></p>
<script>
const numbers = [45, 4, 9, 16, 25];
let txt = "";
numbers.forEach(myFunction);
document.getElementById("demo").innerHTML = txt;
function myFunction(value) {
txt += value + "<br>";
}
</script>
</body>
</html>
map()Η μέθοδος map() δημιουργεί έναν νέο πίνακα εκτελώντας μια συνάρτηση σε κάθε στοιχείο πίνακα.
Η μέθοδος map() δεν εκτελεί τη συνάρτηση για πίνακα στοιχεία χωρίς αξίες.
Η μέθοδος map() δεν αλλάζει τον αρχικό πίνακα.
Αυτό το παράδειγμα πολλαπλασιάζει κάθε τιμή πίνακα επί 2:
const numbers1 = [45, 4, 9, 16, 25];
const numbers2 = numbers1.map(myFunction);
function myFunction(value, index, array) {
return value * 2;
}Δοκιμάστε το μόνοι σας →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The map() Method</h2>
<p>Create a new array by performing a function on each array element:</p>
<p id="demo"></p>
<script>
const numbers1 = [45, 4, 9, 16, 25];
const numbers2 = numbers1.map(myFunction);
document.getElementById("demo").innerHTML = numbers2;
function myFunction(value, index, array) {
return value * 2;
}
</script>
</body>
</html>
Σημειώστε ότι η συνάρτηση παίρνει 3 ορίσματα:
Η τιμή του στοιχείου
Το ευρετήριο του στοιχείου
Ο ίδιος ο πίνακας
Όταν μια συνάρτηση επανάκλησης χρησιμοποιεί μόνο την παράμετρο τιμής, το ευρετήριο και τον πίνακα οι παράμετροι μπορούν να παραλειφθούν:
const numbers1 = [45, 4, 9, 16, 25];
const numbers2 = numbers1.map(myFunction);
function myFunction(value) {
return value * 2;
}Δοκιμάστε το μόνοι σας →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The map() Method</h2>
<p>Create a new array by performing a function on each array element:</p>
<p id="demo"></p>
<script>
const numbers1 = [45, 4, 9, 16, 25];
const numbers2 = numbers1.map(myFunction);
document.getElementById("demo").innerHTML = numbers2;
function myFunction(value) {
return value * 2;
}
</script>
</body>
</html>
flatMap()Το ES2019 πρόσθεσε τη μέθοδο Array flatMap() στο JavaScript.
Η μέθοδος flatMap() αντιστοιχίζει πρώτα όλα τα στοιχεία ενός πίνακα και στη συνέχεια δημιουργεί έναν νέο πίνακα ισοπεδώνοντας τον πίνακα.
const myArr = [1, 2, 3, 4, 5, 6];
const newArr = myArr.flatMap((x) => x * 2);Δοκιμάστε το μόνοι σας →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The flatMap() Method</h2>
<p id="demo"></p>
<script>
const myArr = [1, 2, 3, 4, 5,6];
const newArr = myArr.flatMap((x) => x * 2);
document.getElementById("demo").innerHTML = newArr;
</script>
</body>
</html>
Το JavaScript Array flatMap() υποστηρίζεται σε όλα τα σύγχρονα προγράμματα περιήγησης από τον Ιανουάριο του 2020:
| Chrome 69 | Edge 79 | Firefox 62 | Safari 12 | Opera 56 |
| Sep 2018 | Jan 2020 | Sep 2018 | Sep 2018 | Sep 2018 |
filter()Η μέθοδος filter() δημιουργεί έναν νέο πίνακα με στοιχεία πίνακα που περνούν μια δοκιμή.
Αυτό το παράδειγμα δημιουργεί έναν νέο πίνακα από στοιχεία με τιμή μεγαλύτερη από 18:
const numbers = [45, 4, 9, 16, 25];
const over18 = numbers.filter(myFunction);
function myFunction(value, index, array) {
return value > 18;
} Δοκιμάστε το μόνοι σας →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The filter() Method</h2>
<p>Create a new array from all array elements that passes a test:</p>
<p id="demo"></p>
<script>
const numbers = [45, 4, 9, 16, 25];
const over18 = numbers.filter(myFunction);
document.getElementById("demo").innerHTML = over18;
function myFunction(value, index, array) {
return value > 18;
}
</script>
</body>
</html>
Σημειώστε ότι η συνάρτηση παίρνει 3 ορίσματα:
Η τιμή του στοιχείου
Το ευρετήριο του στοιχείου
Ο ίδιος ο πίνακας
Στο παραπάνω παράδειγμα, η συνάρτηση επανάκλησης δεν χρησιμοποιεί το ευρετήριο και τον πίνακα παραμέτρους, ώστε να μπορούν να παραληφθούν:
const numbers = [45, 4, 9, 16, 25];
const over18 =
numbers.filter(myFunction);
function myFunction(value) {
return value > 18;
} Δοκιμάστε το μόνοι σας →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The filter() Method</h2>
<p>Create a new array with all array elements that passes a test.</p>
<p id="demo"></p>
<script>
const numbers = [45, 4, 9, 16, 25];
const over18 = numbers.filter(myFunction);
document.getElementById("demo").innerHTML = over18;
function myFunction(value) {
return value > 18;
}
</script>
</body>
</html>
reduce()Η μέθοδος reduce() εκτελεί μια συνάρτηση σε κάθε στοιχείο πίνακα για να παράγει (μειώνει σε) μια μεμονωμένη τιμή.
Η μέθοδος reduce() λειτουργεί από αριστερά προς τα δεξιά στον πίνακα. Δείτε επίσης reduceRight().
Η μέθοδος reduce() δεν μειώνει τον αρχικό πίνακα.
Αυτό το παράδειγμα βρίσκει το άθροισμα όλων των αριθμών σε έναν πίνακα:
const numbers = [45, 4, 9, 16, 25];
let sum = numbers.reduce(myFunction);
function myFunction(total, value, index, array) {
return total + value;
} Δοκιμάστε το μόνοι σας →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The reduce() Method</h2>
<p>Find the sum of all numbers in an array:</p>
<p id="demo"></p>
<script>
const numbers = [45, 4, 9, 16, 25];
let sum = numbers.reduce(myFunction);
document.getElementById("demo").innerHTML = "The sum is " + sum;
function myFunction(total, value, index, array) {
return total + value;
}
</script>
</body>
</html>
Σημειώστε ότι η συνάρτηση παίρνει 4 ορίσματα:
Το σύνολο (η αρχική τιμή/τιμή που επιστράφηκε προηγουμένως)
Η τιμή του στοιχείου
Το ευρετήριο του στοιχείου
Ο ίδιος ο πίνακας
Το παραπάνω παράδειγμα δεν χρησιμοποιεί τις παραμέτρους ευρετηρίου και πίνακα. Μπορεί να είναι ξαναγράφτηκε σε:
const numbers = [45, 4, 9, 16, 25];
let sum = numbers.reduce(myFunction);
function myFunction(total, value) {
return total + value;
} Δοκιμάστε το μόνοι σας →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The reduce() Method</h2>
<p>Find the sum of all numbers in an array:</p>
<p id="demo"></p>
<script>
const numbers = [45, 4, 9, 16, 25];
let sum = numbers.reduce(myFunction);
document.getElementById("demo").innerHTML = "The sum is " + sum;
function myFunction(total, value) {
return total + value;
}
</script>
</body>
</html>
Η μέθοδος reduce() μπορεί να δεχθεί μια αρχική τιμή:
const numbers = [45, 4, 9, 16, 25];
let sum = numbers.reduce(myFunction,
100);
function myFunction(total, value) {
return total + value;
} Δοκιμάστε το μόνοι σας →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The reduce() Method</h2>
<p>Find the sum of all numbers in an array:</p>
<p id="demo"></p>
<script>
const numbers = [45, 4, 9, 16, 25];
let sum = numbers.reduce(myFunction, 100);
document.getElementById("demo").innerHTML = "The sum is " + sum;
function myFunction(total, value) {
return total + value;
}
</script>
</body>
</html>
reduceRight()Η μέθοδος reduceRight() εκτελεί μια συνάρτηση σε κάθε στοιχείο πίνακα για να παράγει (μειώνει σε) μια μεμονωμένη τιμή.
Το reduceRight() λειτουργεί από τα δεξιά προς τα αριστερά στον πίνακα. Δείτε επίσης reduce().
Η μέθοδος reduceRight() δεν μειώνει τον αρχικό πίνακα.
Αυτό το παράδειγμα βρίσκει το άθροισμα όλων των αριθμών σε έναν πίνακα:
const numbers = [45, 4, 9, 16, 25];
let sum = numbers.reduceRight(myFunction);
function myFunction(total, value, index, array) {
return total + value;
} Δοκιμάστε το μόνοι σας →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The reduceRight() Method</h2>
<p>Find the sum of all numbers in an array:</p>
<p id="demo"></p>
<script>
const numbers = [45, 4, 9, 16, 25];
let sum = numbers.reduceRight(myFunction);
document.getElementById("demo").innerHTML = "The sum is " + sum;
function myFunction(total, value, index, array) {
return total + value;
}
</script>
</body>
</html>
Σημειώστε ότι η συνάρτηση παίρνει 4 ορίσματα:
Το σύνολο (η αρχική τιμή/τιμή που επιστράφηκε προηγουμένως)
Η τιμή του στοιχείου
Το ευρετήριο του στοιχείου
Ο ίδιος ο πίνακας
Το παραπάνω παράδειγμα δεν χρησιμοποιεί τις παραμέτρους ευρετηρίου και πίνακα. Μπορεί να είναι ξαναγράφτηκε σε:
const numbers = [45, 4, 9, 16, 25];
let sum = numbers.reduceRight(myFunction);
function myFunction(total, value) {
return total + value;
} Δοκιμάστε το μόνοι σας →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The reduceRight() Method</h2>
<p>Find the sum of all numbers in an array:</p>
<p id="demo"></p>
<script>
const numbers = [45, 4, 9, 16, 25];
let sum = numbers.reduceRight(myFunction);
document.getElementById("demo").innerHTML = "The sum is " + sum;
function myFunction(total, value) {
return total + value;
}
</script>
</body>
</html>
κάθε()Η μέθοδος every() ελέγχει εάν όλες οι τιμές του πίνακα περνούν μια δοκιμή.
Αυτό το παράδειγμα ελέγχει εάν όλες οι τιμές του πίνακα είναι μεγαλύτερες από 18:
const numbers = [45, 4, 9, 16, 25];
let allOver18 =
numbers.every(myFunction);
function myFunction(value, index, array) {
return
value > 18;
} Δοκιμάστε το μόνοι σας →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The every() Method</h2>
<p>The every() method checks if all array values pass a test.</p>
<p id="demo"></p>
<script>
const numbers = [45, 4, 9, 16, 25];
let allOver18 = numbers.every(myFunction);
document.getElementById("demo").innerHTML = "All over 18 is " + allOver18;
function myFunction(value, index, array) {
return value > 18;
}
</script>
</body>
</html>
Σημειώστε ότι η συνάρτηση παίρνει 3 ορίσματα:
Η τιμή του στοιχείου
Το ευρετήριο του στοιχείου
Ο ίδιος ο πίνακας
Όταν μια συνάρτηση επανάκλησης χρησιμοποιεί μόνο την πρώτη παράμετρο (τιμή), την άλλη οι παράμετροι μπορούν να παραλειφθούν:
const numbers = [45, 4, 9, 16, 25];
let allOver18 =
numbers.every(myFunction);
function myFunction(value) {
return
value > 18;
} Δοκιμάστε το μόνοι σας →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The every() Method</h2>
<p>The every() method checks if all array values pass a test.</p>
<p id="demo"></p>
<script>
const numbers = [45, 4, 9, 16, 25];
let allOver18 = numbers.every(myFunction);
document.getElementById("demo").innerHTML = "All over 18 is " + allOver18;
function myFunction(value) {
return value > 18;
}
</script>
</body>
</html>
some()Η μέθοδος some() ελέγχει εάν ορισμένες τιμές του πίνακα περνούν μια δοκιμή.
Αυτό το παράδειγμα ελέγχει εάν ορισμένες τιμές πίνακα είναι μεγαλύτερες από 18:
const numbers = [45, 4, 9, 16, 25];
let someOver18 = numbers.some(myFunction);
function myFunction(value, index, array) {
return
value > 18;
} Δοκιμάστε το μόνοι σας →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The some() Method</h2>
<p>The some() method checks if some array values pass a test:</p>
<p id="demo"></p>
<script>
const numbers = [45, 4, 9, 16, 25];
let someOver18 = numbers.some(myFunction);
document.getElementById("demo").innerHTML = "Some over 18 is " + someOver18;
function myFunction(value, index, array) {
return value > 18;
}
</script>
</body>
</html>
Σημειώστε ότι η συνάρτηση παίρνει 3 ορίσματα:
Η τιμή του στοιχείου
Το ευρετήριο του στοιχείου
Ο ίδιος ο πίνακας
indexOf()Η μέθοδος indexOf() αναζητά έναν πίνακα για μια τιμή στοιχείου και επιστρέφει τη θέση του.
Σημείωση: Το πρώτο στοιχείο έχει τη θέση 0, το δεύτερο στοιχείο έχει τη θέση 1 και ούτω καθεξής.
Αναζήτηση σε έναν πίνακα για το στοιχείο "Apple":
const fruits = ["Apple", "Orange", "Apple", "Mango"];
let position = fruits.indexOf("Apple") + 1;Δοκιμάστε το μόνοι σας →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The indexOf() Method</h2>
<p id="demo"></p>
<script>
const fruits = ["Apple", "Orange", "Apple", "Mango"];
let position = fruits.indexOf("Apple") + 1;
document.getElementById("demo").innerHTML = "Apple is found in position " + position;
</script>
</body>
</html>
array.indexOf(item, start)Απαιτείται. Το αντικείμενο για αναζήτηση.
Προαιρετικός. Πού να ξεκινήσετε την αναζήτηση. Οι αρνητικές τιμές θα ξεκινούν στη δεδομένη θέση μετρώντας από το τέλος και θα αναζητούν μέχρι το τέλος.
Το Array.indexOf() επιστρέφει -1 εάν το στοιχείο δεν βρεθεί.
Εάν το στοιχείο υπάρχει περισσότερες από μία φορές, επιστρέφει τη θέση του πρώτου περιστατικό.
lastIndexOf()Το Array.lastIndexOf() είναι το ίδιο με το Array.indexOf(), αλλά επιστρέφει τη θέση της τελευταίας εμφάνισης του καθορισμένου στοιχείου.
Αναζήτηση σε έναν πίνακα για το στοιχείο "Apple":
const fruits = ["Apple", "Orange", "Apple", "Mango"];
let position = fruits.lastIndexOf("Apple") + 1;Δοκιμάστε το μόνοι σας →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The lastIndexOf() Method</h2>
<p id="demo"></p>
<script>
const fruits = ["Apple", "Orange", "Apple", "Mango"];
let position = fruits.lastIndexOf("Apple") + 1;
document.getElementById("demo").innerHTML = "Apple is found in position " + position;
</script>
</body>
</html>
array.lastIndexOf(item, start)Απαιτείται. Το αντικείμενο για αναζήτηση
Προαιρετικός. Πού να ξεκινήσετε την αναζήτηση. Οι αρνητικές τιμές θα ξεκινούν από τη δεδομένη θέση μετρώντας από το τέλος και θα αναζητούν στην αρχή
find()Η μέθοδος find() επιστρέφει την τιμή του πρώτου στοιχείου πίνακα που περνάει λειτουργία δοκιμής.
Αυτό το παράδειγμα βρίσκει (επιστρέφει την τιμή) το πρώτο στοιχείο που είναι μεγαλύτερο από 18:
const numbers = [4, 9, 16, 25, 29];
let first =
numbers.find(myFunction);
function myFunction(value, index, array) {
return
value > 18;
} Δοκιμάστε το μόνοι σας →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The find() Method</h2>
<p id="demo"></p>
<script>
const numbers = [4, 9, 16, 25, 29];
let first = numbers.find(myFunction);
document.getElementById("demo").innerHTML = "First number over 18 is " + first;
function myFunction(value, index, array) {
return value > 18;
}
</script>
</body>
</html>
Σημειώστε ότι η συνάρτηση παίρνει 3 ορίσματα:
Η τιμή του στοιχείου
Το ευρετήριο του στοιχείου
Ο ίδιος ο πίνακας
Το find() είναι μια δυνατότητα ES6 (JavaScript 2015).
Υποστηρίζεται σε όλα τα σύγχρονα προγράμματα περιήγησης:
| Chrome | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes |
Το find() δεν υποστηρίζεται στον Internet Explorer.
findIndex()Η μέθοδος findIndex() επιστρέφει το ευρετήριο του πρώτου στοιχείου πίνακα που περνά μια δοκιμαστική συνάρτηση.
Αυτό το παράδειγμα βρίσκει το ευρετήριο του πρώτου στοιχείου που είναι μεγαλύτερο από 18:
const numbers = [4, 9, 16, 25, 29];
let first =
numbers.findIndex(myFunction);
function myFunction(value, index, array) {
return
value > 18;
} Δοκιμάστε το μόνοι σας →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The findIndex() Method</h2>
<p id="demo"></p>
<script>
const numbers = [4, 9, 16, 25, 29];
document.getElementById("demo").innerHTML = "First number over 18 has index " + numbers.findIndex(myFunction);
function myFunction(value, index, array) {
return value > 18;
}
</script>
</body>
</html>
Σημειώστε ότι η συνάρτηση παίρνει 3 ορίσματα:
Η τιμή του στοιχείου
Το ευρετήριο του στοιχείου
Ο ίδιος ο πίνακας
Το findIndex() είναι μια δυνατότητα ES6 (JavaScript 2015).
Υποστηρίζεται σε όλα τα σύγχρονα προγράμματα περιήγησης:
| Chrome | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes |
Το findIndex() δεν υποστηρίζεται στον Internet Explorer.
Array.from()Η μέθοδος Array.from() επιστρέφει ένα αντικείμενο Array από οποιοδήποτε αντικείμενο με μήκος ιδιοκτησία ή οποιοδήποτε επαναλήψιμο αντικείμενο.
Δημιουργήστε έναν πίνακα από μια συμβολοσειρά:
Array.from("ABCDEFG");Δοκιμάστε το μόνοι σας →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The from() Method</h2>
<p>Return an array object from any object with a length property or any iterable object.</p>
<p id="demo"></p>
<script>
const myArr = Array.from("ABCDEFG");
document.getElementById("demo").innerHTML = myArr;
</script>
<p>The Array.from() method is not supported in Internet Explorer.</p>
</body>
</html>
Το from() είναι μια δυνατότητα ES6 (JavaScript 2015).
Υποστηρίζεται σε όλα τα σύγχρονα προγράμματα περιήγησης:
| Chrome | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes |
Το from() δεν υποστηρίζεται στον Internet Explorer.
Κλειδιά()Η μέθοδος Array.keys() επιστρέφει ένα αντικείμενο Array Iterator με τα κλειδιά ενός πίνακα.
Δημιουργήστε ένα αντικείμενο Array Iterator, που περιέχει τα κλειδιά του πίνακα:
const fruits = ["Banana", "Orange", "Apple", "Mango"];
const keys = fruits.keys();
for (let x of keys) {
text += x + "<br>";
}Δοκιμάστε το μόνοι σας →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The keys() Method</h2>
<p>Return an Array Iterator object with the keys of the array:</p>
<p id="demo"></p>
<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
const keys = fruits.keys();
let text = "";
for (let x of keys) {
text += x + "<br>";
}
document.getElementById("demo").innerHTML = text;
</script>
<p>Array.keys() is not supported in Internet Explorer.</p>
</body>
</html>
Το keys() είναι μια δυνατότητα ES6 (JavaScript 2015).
Υποστηρίζεται σε όλα τα σύγχρονα προγράμματα περιήγησης:
| Chrome | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes |
Το keys() δεν υποστηρίζεται στον Internet Explorer.
entries()Δημιουργήστε ένα Array Iterator και, στη συνέχεια, επαναλάβετε τα ζεύγη κλειδιών/τιμών:
const fruits = ["Banana", "Orange", "Apple", "Mango"];
const f = fruits.entries();
for (let x of f) {
document.getElementById("demo").innerHTML += x;
}Δοκιμάστε το μόνοι σας →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The entries() method</h2>
<p>entries() returns an Array Iterator object with key/value pairs:</p>
<p id="demo"></p>
<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
const f = fruits.entries();
for (let x of f) {
document.getElementById("demo").innerHTML += x + "<br>";
}
</script>
<p>The entries() method is not supported in Internet Explorer 11 (or earlier).</p>
</body>
</html>
Η μέθοδος entries() επιστρέφει ένα αντικείμενο Array Iterator με ζεύγη κλειδιών/τιμών:
[0, "Banana"]
[1, "Orange"]
[2, "Apple"]
[3, "Mango"]
Η μέθοδος entries() δεν αλλάζει τον αρχικό πίνακα.
Το entries() είναι μια δυνατότητα ES6 (JavaScript 2015).
Υποστηρίζεται σε όλα τα σύγχρονα προγράμματα περιήγησης:
| Chrome | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes |
Το entries() δεν υποστηρίζεται στον Internet Explorer.
περιλαμβάνει()Το ECMAScript 2016 εισήγαγε το Array.includes() σε πίνακες. Αυτό μας επιτρέπει να ελέγξουμε εάν ένα στοιχείο υπάρχει σε έναν πίνακα (συμπεριλαμβανομένου του NaN, σε αντίθεση με το indexOf).
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.includes("Mango"); // is trueΔοκιμάστε το μόνοι σας →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The includes() Method</h2>
<p>Check if the fruit array contains "Mango":</p>
<p id="demo"></p>
<p><strong>Note:</strong> The includes method is not supported in Edge 13 (and earlier versions).</p>
<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.includes("Mango");
</script>
</body>
</html>
array.includes(search-item)Το Array.includes() επιτρέπει τον έλεγχο τιμών NaN. Σε αντίθεση με το Array.indexOf().
Το includes() είναι μια δυνατότητα ECMAScript 2016.
Υποστηρίζεται σε όλα τα σύγχρονα προγράμματα περιήγησης:
| Chrome | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes |
Το includes() δεν υποστηρίζεται στον Internet Explorer.
Ο τελεστής ... επεκτείνει έναν επαναληπτικό (όπως ένας πίνακας) σε περισσότερα στοιχεία:
const q1 = ["Jan", "Feb", "Mar"];
const q2 = ["Apr", "May", "Jun"];
const q3 = ["Jul", "Aug", "Sep"];
const q4 = ["Oct", "Nov", "May"];
const year = [...q1, ...q2, ...q3, ...q4];Δοκιμάστε το μόνοι σας →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Operators</h1>
<h2>The ... Operator</h2>
<p>The "spread" operator spreads elements of iterable objects:</p>
<p id="demo"></p>
<script>
const q1 = ["Jan", "Feb", "Mar"];
const q2 = ["Apr", "May", "Jun"];
const q3 = ["Jul", "Aug", "Sep"];
const q4 = ["Oct", "Nov", "May"];
const year = [...q1, ...q2, ...q3, ...q4];
document.getElementById("demo").innerHTML = year;
</script>
</body>
</html>
Το ... είναι μια δυνατότητα ES6 (JavaScript 2015).
Υποστηρίζεται σε όλα τα σύγχρονα προγράμματα περιήγησης:
| Chrome | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes |
Το ... δεν υποστηρίζεται στον Internet Explorer.
Για μια πλήρη αναφορά σε πίνακα, μεταβείτε στη διεύθυνση μας:
Ολοκληρώστε την αναφορά πίνακα JavaScript.
Η αναφορά περιέχει περιγραφές και παραδείγματα όλων των Array ιδιότητες και μεθόδους.