Μέθοδοι συστοιχίας JavaScript

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

Οι μέθοδοι παρατίθενται με τη σειρά που εμφανίζονται σε αυτήν τη σελίδα εκμάθησης

Array length
Array toString()
Array pop()
Array push()
Array shift()
Array unshift()
Array join()
Array delete()
Array concat()
Array flat()
Array splice()
Array slice()

Μήκος πίνακα JavaScript

Η ιδιότητα length επιστρέφει το μήκος (μέγεθος) ενός πίνακα:

Παράδειγμα

const fruits = ["Banana", "Orange", "Apple", "Mango"];
let size = fruits.length;

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

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The length Property</h2>

<p>The length property returns the length of an array:</p>

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

<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
let size = fruits.length;
document.getElementById("demo").innerHTML = size;
</script>

</body>
</html>

Συστοιχία JavaScript `toString()`

Η μέθοδος JavaScript toString() μετατρέπει έναν πίνακα σε συμβολοσειρά τιμών πίνακα (χωρισμένες με κόμμα).

Παράδειγμα

const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();

Αποτέλεσμα:

Banana,Orange,Apple,Mango

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

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1> 
<h2>The toString() Method</h2>

<p>The toString() method returns an array as a comma separated string:</p>

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

<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();
</script>

</body>
</html>

Η μέθοδος join() ενώνει επίσης όλα τα στοιχεία πίνακα σε μια συμβολοσειρά.

Συμπεριφέρεται ακριβώς όπως το toString(), αλλά επιπλέον μπορείτε να καθορίσετε το διαχωριστικό:

Παράδειγμα

const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.join(" * ");

Αποτέλεσμα:

Banana * Orange * Apple * Mango

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

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The join() Method</h2>

<p>The join() method joins array elements into a string.</p>
<p>It this example we have used " * " as a separator between the elements:</p>

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

<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.join(" * ");
</script>

</body>
</html>

Σκάσιμο και Σπρώξιμο

Όταν εργάζεστε με πίνακες, είναι εύκολο να αφαιρέσετε στοιχεία και να προσθέσετε νέα στοιχεία.

Αυτό είναι το σκάσιμο και το σπρώξιμο:

Βγάζοντας στοιχεία έξω από έναν πίνακα ή ώθηση στοιχεία σε έναν πίνακα.

Συστοιχία JavaScript `pop()`

Η μέθοδος pop() αφαιρεί το τελευταίο στοιχείο από έναν πίνακα:

Παράδειγμα

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();

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

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The pop() Method</h2>

<p>The pop() method removes the last element from an array.</p>

<p id="demo1"></p>
<p id="demo2"></p>

<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo1").innerHTML = fruits;
fruits.pop();
document.getElementById("demo2").innerHTML = fruits;
</script>

</body>
</html>

Η μέθοδος pop() επιστρέφει την τιμή που "εμφανίστηκε":

Παράδειγμα

const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits.pop();

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

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The pop() Method</h2>

<p>The pop() method returns the value that was "popped out":</p>

<p id="demo1"></p>
<p id="demo2"></p>

<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo1").innerHTML = fruits.pop();
document.getElementById("demo2").innerHTML = fruits;
</script>

</body>
</html>

Συστοιχία JavaScript `push()`

Η μέθοδος push() προσθέτει ένα νέο στοιχείο σε έναν πίνακα (στο τέλος):

Παράδειγμα

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");

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

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The push() Method</h2>

<p>The push() method appends a new element to an array:</p>

<p id="demo1"></p>
<p id="demo2"></p>

<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo1").innerHTML = fruits;
fruits.push("Kiwi");
document.getElementById("demo2").innerHTML = fruits;
</script>

</body>
</html>

Η μέθοδος push() επιστρέφει το νέο μήκος πίνακα:

Παράδειγμα

const fruits = ["Banana", "Orange", "Apple", "Mango"];
let length = fruits.push("Kiwi");

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

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1> 
<h2>The push() Method</h2>

<p>The push() method returns the new array length:</p>

<p id="demo1"></p>
<p id="demo2"></p>

<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];

document.getElementById("demo1").innerHTML = fruits.push("Kiwi");
document.getElementById("demo2").innerHTML = fruits;
</script>

</body>
</html>

Στοιχεία μετατόπισης

Το Shifting ισοδυναμεί με το popping, αλλά η εργασία στο πρώτο στοιχείο αντί για το τελευταίο.

Συστοιχία JavaScript `shift()`

Η μέθοδος shift() αφαιρεί το πρώτο στοιχείο πίνακα και "μετακινεί" όλα άλλα στοιχεία σε χαμηλότερο δείκτη.

Παράδειγμα

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();

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

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The shift() Method</h2>

<p>The shift() method removes the first element of an array (and "shifts" the other elements to the left):</p>

<p id="demo1"></p>
<p id="demo2"></p>

<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo1").innerHTML = fruits;
fruits.shift();
document.getElementById("demo2").innerHTML = fruits;
</script>

</body>
</html>

Η μέθοδος shift() επιστρέφει την τιμή που "μετατοπίστηκε":

Παράδειγμα

const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits.shift();

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

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The shift() Method</h2>
<p>The shift() method returns the element that was shifted out.</p>

<p id="demo1"></p>
<p id="demo2"></p>

<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo1").innerHTML = fruits.shift();
document.getElementById("demo2").innerHTML = fruits;
</script>

</body>
</html>

Συστοιχία JavaScript `unshift()`

Η μέθοδος unshift() προσθέτει ένα νέο στοιχείο σε έναν πίνακα (στην αρχή) και "unshift" παλαιότερα στοιχεία:

Παράδειγμα

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");

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

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1> 
<h2>The unshift() Method</h2>

<p>The unshift() method adds new elements to the beginning of an array:</p>

<p id="demo1"></p>
<p id="demo2"></p>

<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo1").innerHTML = fruits;
fruits.unshift("Lemon");
document.getElementById("demo2").innerHTML = fruits;
</script>

</body>
</html>

Η μέθοδος unshift() επιστρέφει το νέο μήκος πίνακα:

Παράδειγμα

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");

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

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1> 
<h2>The unshift() Method</h2>

<p>The unshift() method returns the length of the new array:</p>

<p id="demo1"></p>
<p id="demo2"></p>

<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo1").innerHTML = fruits.unshift("Lemon");
document.getElementById("demo2").innerHTML = fruits;
</script>

</body>
</html>

Αλλαγή στοιχείων

Η πρόσβαση στα στοιχεία πίνακα γίνεται χρησιμοποιώντας τον αριθμό ευρετηρίου τους:

Τα ευρετήρια του πίνακα ξεκινούν με 0:

Το [0] είναι το πρώτο στοιχείο πίνακα
[1] είναι το δεύτερο
[2] είναι το τρίτο ...

Παράδειγμα

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";

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

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>Bracket Indexing</h2>

<p>Array elements are accessed using their index number:</p>

<p id="demo1"></p>
<p id="demo2"></p>

<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo1").innerHTML = fruits;
fruits[0] = "Kiwi";
document.getElementById("demo2").innerHTML = fruits;
</script>

</body>
</html>

Μήκος πίνακα JavaScript

Η ιδιότητα length παρέχει έναν εύκολο τρόπο προσθήκης ενός νέου στοιχείου σε έναν πίνακα:

Παράδειγμα

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi";

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

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The length Property</h2>

<p>The length property provides an easy way to append new elements to an array without using the push() method:</p>

<p id="demo1"></p>
<p id="demo2"></p>

<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo1").innerHTML = fruits;
fruits[fruits.length] = "Kiwi";
document.getElementById("demo2").innerHTML = fruits;
</script>

</body>
</html>

Συστοιχία JavaScript `delete()`

Προειδοποίηση!

Τα στοιχεία πίνακα μπορούν να διαγραφούν χρησιμοποιώντας τον τελεστή JavaScript delete.

Η χρήση του delete αφήνει απροσδιόριστες τρύπες στο πίνακας.

Χρησιμοποιήστε αντ' αυτού pop() ή shift().

Παράδειγμα

const fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];

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

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The delete Method</h2>

<p>Deleting elements leaves undefined holes in an array:</p>

<p id="demo1"></p>
<p id="demo2"></p>

<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];

document.getElementById("demo1").innerHTML =
"The first fruit is: " + fruits[0];

delete fruits[0];

document.getElementById("demo2").innerHTML =
"The first fruit is: " + fruits[0];
</script>

</body>
</html>

Συγχώνευση (Σύνδεση) Πίνακες

Η μέθοδος concat() δημιουργεί έναν νέο πίνακα με συγχώνευση (σύνδεση) υπάρχοντες πίνακες:

Παράδειγμα (Συγχώνευση δύο συστοιχιών)

const myGirls = ["Cecilie", "Lone"];
const myBoys = ["Emil", "Tobias", "Linus"];

const myChildren = myGirls.concat(myBoys);

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

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The concat() Method</h2>

<p>The concat() method merges (concatenates) arrays:</p>

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

<script>
const myGirls = ["Cecilie", "Lone"];
const myBoys = ["Emil", "Tobias", "Linus"];
const myChildren = myGirls.concat(myBoys);

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

</body>
</html>

Η μέθοδος concat() δεν αλλάζει τους υπάρχοντες πίνακες. Επιστρέφει πάντα έναν νέο πίνακα.

Η μέθοδος concat() μπορεί να λάβει οποιοδήποτε αριθμό ορισμάτων πίνακα:

Παράδειγμα (Συγχώνευση τριών συστοιχιών)

const arr1 = ["Cecilie", "Lone"];
const arr2 = ["Emil", "Tobias", "Linus"];
const arr3 = ["Robin", "Morgan"];
const myChildren = arr1.concat(arr2, arr3);

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

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The concat() Method</h2>

<p>The concat() method merges (concatenates) arrays:</p>

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

<script>
const array1 = ["Cecilie", "Lone"];
const array2 = ["Emil", "Tobias", "Linus"];
const array3 = ["Robin", "Morgan"];

const myChildren = array1.concat(array2, array3); 

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

</body>
</html>

Η μέθοδος concat() μπορεί επίσης να λάβει συμβολοσειρές ως ορίσματα:

Παράδειγμα (Συγχώνευση πίνακα με τιμές)

const arr1 = ["Emil", "Tobias", "Linus"];
const myChildren = arr1.concat("Peter");

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

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The concat() Method</h2>

<p>The concat() method can merge string values to arrays:</p>

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

<script>
const myArray = ["Emil", "Tobias", "Linus"];
const myChildren = myArray.concat("Peter"); 
document.getElementById("demo").innerHTML = myChildren;
</script>

</body>
</html>

Ισοπέδωση πίνακα

Η ισοπέδωση ενός πίνακα είναι η διαδικασία μείωσης της διάστασης ενός πίνακα.

Η μέθοδος flat() δημιουργεί έναν νέο πίνακα με στοιχεία υπο-πίνακα ενωμένα σε ένα καθορισμένο βάθος.

Παράδειγμα

const myArr = [[1,2],[3,4],[5,6]];
const newArr = myArr.flat();

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

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The flat() Method</h2>

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

<script>
const myArr = [[1,2],[3,4],[5,6]];

const newArr = myArr.flat();
document.getElementById("demo").innerHTML = newArr;
</script>

</body>
</html>

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

Το JavaScript Array flat() υποστηρίζεται σε όλα τα σύγχρονα προγράμματα περιήγησης από τον Ιανουάριο του 2020:


Chrome 69	Edge 79	Firefox 62	Safari 12	Opera 56
Sep 2018	Jan 2020	Sep 2018	Sep 2018	Sep 2018

Συναρμολόγηση και τεμαχισμός συστοιχιών

Η μέθοδος splice() προσθέτει νέα στοιχεία σε έναν πίνακα.

Η μέθοδος slice() αποκόπτει ένα κομμάτι ενός πίνακα.

Συστοιχία JavaScript `splice()`

Η μέθοδος splice() μπορεί να χρησιμοποιηθεί για την προσθήκη νέων στοιχείων σε έναν πίνακα:

Παράδειγμα

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");

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

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The splice() Method</h2>

<p>The splice() method adds new elements to an array:</p>

<p id="demo1"></p>
<p id="demo2"></p>

<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo1").innerHTML = fruits;

fruits.splice(2, 0, "Lemon", "Kiwi");
document.getElementById("demo2").innerHTML = fruits;
</script>

</body>
</html>

Η πρώτη παράμετρος (2) καθορίζει τη θέση που θα πρέπει να βρίσκονται τα νέα στοιχεία προστέθηκε (ενωμένο).

Η δεύτερη παράμετρος (0) ορίζει πόσα στοιχεία θα πρέπει να είναι καταργήθηκε.

Οι υπόλοιπες παράμετροι ("Lemon" , "Kiwi") καθορίζουν τα νέα στοιχεία που θα είναι προστέθηκε.

Η μέθοδος splice() επιστρέφει έναν πίνακα με τα διαγραμμένα στοιχεία:

Παράδειγμα

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 2, "Lemon", "Kiwi");

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

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The splice() Method</h2>

<p>The splice() method adds new elements to an array, and returns an array with the deleted elements (if any):</p>

<p id="demo1"></p>
<p id="demo2"></p>
<p id="demo3"></p>

<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo1").innerHTML = "Original Array:<br> " + fruits;
let removed = fruits.splice(2, 2, "Lemon", "Kiwi"); 
document.getElementById("demo2").innerHTML = "New Array:<br>" + fruits;
document.getElementById("demo3").innerHTML = "Removed Items:<br> " + removed; 
</script>

</body>
</html>

Χρησιμοποιώντας το `splice()` για την κατάργηση στοιχείων

Με την έξυπνη ρύθμιση παραμέτρων, μπορείτε να χρησιμοποιήσετε το splice() για να αφαιρέσετε στοιχεία χωρίς να φύγετε "τρύπες" στον πίνακα:

Παράδειγμα

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);

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

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The splice() Method</h2>

<p>The splice() methods can be used to remove array elements:</p>

<p id="demo1"></p>
<p id="demo2"></p>

<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo1").innerHTML = fruits;
fruits.splice(0, 1);
document.getElementById("demo2").innerHTML = fruits;
</script>

</body>
</html>

Η πρώτη παράμετρος (0) καθορίζει τη θέση όπου πρέπει να βρίσκονται τα νέα στοιχεία προστέθηκε (ενωμένο).

Η δεύτερη παράμετρος (1) καθορίζει πόσα στοιχεία πρέπει να είναι καταργήθηκε.

Οι υπόλοιπες παράμετροι παραλείπονται. Δεν θα προστεθούν νέα στοιχεία.

Συστοιχία JavaScript `slice()`

Η μέθοδος slice() τεμαχίζει ένα κομμάτι ενός πίνακα σε ένα νέο πίνακας.

Αυτό το παράδειγμα αποκόπτει ένα μέρος ενός πίνακα που ξεκινά από το στοιχείο 1 του πίνακα ("Πορτοκάλι"):

Παράδειγμα

const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(1);

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

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The slice() Method</h2>
<p>Slice out a part of an array starting from array element 1 ("Orange"):</p>

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

<script>
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(1);
document.getElementById("demo").innerHTML = fruits + "<br><br>" + citrus;
</script>

</body>
</html>

Σημείωση

Η μέθοδος slice() δημιουργεί έναν νέο πίνακα.

Η μέθοδος slice() δεν αφαιρεί κανένα στοιχείο από τον πίνακα προέλευσης.

Αυτό το παράδειγμα αποκόπτει ένα μέρος ενός πίνακα που ξεκινά από το στοιχείο 3 του πίνακα ("Μήλο"):

Παράδειγμα

const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(3);

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

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The slice() Method</h2>

<p>Slice out a part of an array starting from array element 3 ("Apple")</p>

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

<script>
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(3);
document.getElementById("demo").innerHTML = fruits + "<br><br>" + citrus;
</script>

</body>
</html>

Η μέθοδος slice() μπορεί να λάβει δύο ορίσματα όπως slice(1, 3).

Στη συνέχεια, η μέθοδος επιλέγει στοιχεία από το όρισμα έναρξης και μέχρι (αλλά όχι συμπεριλαμβανομένου) το όρισμα τέλους.

Παράδειγμα

const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(1, 3);

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

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The slice() Method</h2>

<p>When the slice() method is given two arguments, it selects array elements from the start argument, and up to (but not included) the end argument:</p>

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

<script>
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(1,3);
document.getElementById("demo").innerHTML = fruits + "<br><br>" + citrus;
</script>

</body>
</html>

Εάν το όρισμα τέλους παραλειφθεί, όπως στα πρώτα παραδείγματα, το slice() Η μέθοδος αποκόπτει τον υπόλοιπο πίνακα.

Παράδειγμα

const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(2);

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

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The slice() Method</h2>

<p>Slice out a part of an array starting from array element 2 ("Lemon"):</p>

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

<script>
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(2);
document.getElementById("demo").innerHTML = fruits + "<br><br>" + citrus;
</script>

</body>
</html>

Αυτόματο `toString()`

Η JavaScript μετατρέπει αυτόματα έναν πίνακα σε συμβολοσειρά διαχωρισμένη με κόμμα όταν α αναμένεται πρωτόγονη αξία.

Αυτό συμβαίνει πάντα όταν προσπαθείτε να εξάγετε έναν πίνακα.

Αυτά τα δύο παραδείγματα θα έχουν το ίδιο αποτέλεσμα:

Παράδειγμα

const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();

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

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1> 
<h2>The toString() Method</h2>

<p>The toString() method returns an array as a comma separated string:</p>

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

<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();
</script>

</body>
</html>

Παράδειγμα

const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;

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

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>

<p>JavaScript automatically converts an array to a comma separated string when a simple value is expected:</p>

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

<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;
</script>

</body>
</html>

Σημείωση

Όλα τα αντικείμενα JavaScript έχουν μια μέθοδο toString().

Εύρεση μέγιστων και ελάχιστων τιμών σε έναν πίνακα

Δεν υπάρχουν ενσωματωμένες λειτουργίες για την εύρεση του υψηλότερου ή τη χαμηλότερη τιμή σε έναν πίνακα JavaScript.

Θα μάθετε πώς θα λύσετε αυτό το πρόβλημα στο επόμενο κεφάλαιο αυτού του σεμιναρίου.

Ταξινόμηση πινάκων

Οι πίνακες ταξινόμησης καλύπτονται στο επόμενο κεφάλαιο αυτού του σεμιναρίου.

Πλήρης αναφορά πίνακα

Για μια πλήρη αναφορά σε πίνακα, μεταβείτε στη διεύθυνση μας:

Ολοκληρώστε την αναφορά πίνακα JavaScript.

Η αναφορά περιέχει περιγραφές και παραδείγματα όλων των Array ιδιότητες και μεθόδους.

Μέθοδοι συστοιχίας JavaScript

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

Μήκος πίνακα JavaScript

Παράδειγμα

Συστοιχία JavaScript toString()

Παράδειγμα

Παράδειγμα

Σκάσιμο και Σπρώξιμο

Συστοιχία JavaScript pop()

Παράδειγμα

Παράδειγμα

Συστοιχία JavaScript push()

Παράδειγμα

Παράδειγμα

Στοιχεία μετατόπισης

Συστοιχία JavaScript shift()

Παράδειγμα

Παράδειγμα

Συστοιχία JavaScript unshift()

Παράδειγμα

Παράδειγμα

Αλλαγή στοιχείων

Παράδειγμα

Μήκος πίνακα JavaScript

Παράδειγμα

Συστοιχία JavaScript delete()

Προειδοποίηση!

Παράδειγμα

Συγχώνευση (Σύνδεση) Πίνακες

Παράδειγμα (Συγχώνευση δύο συστοιχιών)

Παράδειγμα (Συγχώνευση τριών συστοιχιών)

Παράδειγμα (Συγχώνευση πίνακα με τιμές)

Ισοπέδωση πίνακα

Παράδειγμα

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

Συναρμολόγηση και τεμαχισμός συστοιχιών

Συστοιχία JavaScript splice()

Παράδειγμα

Παράδειγμα

Χρησιμοποιώντας το splice() για την κατάργηση στοιχείων

Παράδειγμα

Συστοιχία JavaScript slice()

Παράδειγμα

Σημείωση

Παράδειγμα

Παράδειγμα

Παράδειγμα

Αυτόματο toString()

Παράδειγμα

Παράδειγμα

Σημείωση

Εύρεση μέγιστων και ελάχιστων τιμών σε έναν πίνακα

Ταξινόμηση πινάκων

Πλήρης αναφορά πίνακα

Συστοιχία JavaScript `toString()`

Συστοιχία JavaScript `pop()`

Συστοιχία JavaScript `push()`

Συστοιχία JavaScript `shift()`

Συστοιχία JavaScript `unshift()`

Συστοιχία JavaScript `delete()`

Συστοιχία JavaScript `splice()`

Χρησιμοποιώντας το `splice()` για την κατάργηση στοιχείων

Συστοιχία JavaScript `slice()`

Αυτόματο `toString()`