ΚΕΝΤΡΟ ΠΛΗ.ΝΕ.Τ. Ν. ΦΛΩΡΙΝΑΣ

Το Αντικείμενο Array της JavaScript
και οι Μέθοδοί του

 

Το Αντικείμενο Array

Το αντικείμενο Array της JavaScript χρησιμοποιείται για να μπορούμε να αποθηκεύουμε ένα σύνολο τιμών μ’ ένα μόνο όνομα μεταβλητής. Η κάθε τιμή αποτελεί ένα στοιχείο (element) του πίνακα και κατέχει μια συγκεκριμένη θέση ή αρίθμηση (index) μέσα σ’ αυτόν. Πρέπει να έχουμε υπόψη μας ότι οι πίνακες (arrays) στην JavaScript ξεκινούν από το στοιχείο με αρίθμηση 0 και όχι 1. Μπορούμε να δημιουργήσουμε έναν πίνακα ή ένα στιγμιότυπο (instance) του αντικειμένου Array, όπως είναι μια πιο σωστή διατύπωση, με τη λέξη κλειδί new. 

Τα παρακάτω παραδείγματα δημιουργούν δύο πίνακες, όπου ο καθένας περιέχει από τέσσερα στοιχεία :

var citynames=new Array(4)

var citynames=new Array("Γρεβενά", "Καστοριά", "Κοζάνη", "Φλώρινα")

Στο πρώτο παράδειγμα δημιουργούμε έναν πίνακα με το όνομα citynames και ορίζουμε μόνο το μέγεθός του χωρίς απόδοση τιμών, ενώ στο δεύτερο παράδειγμα δημιουργούμε έναν πίνακα με το ίδιο όνομα citynames και του αποδίδουμε τιμές χωρίς να προσδιορίσουμε και το μέγεθός του ταυτόχρονα.

Μπορούμε να αναφερθούμε σ’ ένα συγκεκριμένο στοιχείο ενός πίνακα χρησιμοποιώντας το όνομα του πίνακα και τη θέση του στοιχείου μέσα στον πίνακα, όπου η αρίθμηση ξεκινάει από το 0 και πρέπει να την περικλείσουμε μέσα στα σύμβολα [ ]. Μπορούμε να δώσουμε (εκχωρήσουμε) τιμές στα στοιχεία ενός πίνακα ως εξής :

citynames[0] = "Γρεβενά"

citynames[1] = "Καστοριά"

citynames[2] = "Κοζάνη"

citynames[3] = "Φλώρινα"

Και φυσικά, μπορούμε να διαβάσουμε τα περιεχόμενα ενός πίνακα, δηλ. να τα εκχωρήσουμε σ’ άλλες μεταβλητές, χρησιμοποιώντας την αρίθμηση (index number) του συγκεκριμένου στοιχείου του πίνακα που θέλουμε, ως εξής :

city1 = citynames[0]

city2 = citynames[1]

 

Δημιουργία Πίνακα και Εκχώρηση Τιμών

Μπορούμε να δημιουργήσουμε (ορίσουμε) έναν πίνακα, να προσδιορίσουμε το μέγεθός του και να του δώσουμε (εκχωρήσουμε) τιμές με αντίστοιχες εντολές καταχώρησης.

Ακολουθεί ένα παράδειγμα.

<html>

<body>

<script type="text/javascript">

var cityname = new Array(4)

cityname[0] = "Γρεβενά"

cityname[1] = "Καστοριά"

cityname[2] = "Κοζάνη"

cityname[3] = "Φλώρινα"

for (i=0; i<4; i++) {

document.write(cityname[i] + "<br>")

}

</script>

</body>

</html>

 

Δημιουργία Πίνακα με Απευθείας Απόδοση Τιμών

Μπορούμε να δημιουργήσουμε (ορίσουμε) έναν πίνακα, χωρίς να προσδιορίσουμε το μέγεθός του, και να του δώσουμε απευθείας τιμές (literal array). Μετά, μπορούμε να χρησιμοποιήσουμε τη μέθοδο length για να βρούμε πόσα στοιχεία (elements) περιέχει ο πίνακας.

Ακολουθεί ένα παράδειγμα.

<html>

<body>

<script type="text/javascript">

var  cityname = new Array("Βόλος", "Καρδίτσα", "Λάρισα",

"Τρίκαλα")

for (i=0; i<cityname.length; i++) {

document.write(cityname[i] + "<br>")

}

</script>

</body>

</html>

 

Μερικές Ιδιότητες και Μέθοδοι του Αντικειμένου Array

Ακολουθούν μερικές ιδιότητες (properties) και μέθοδοι (methods) που μπορούμε να χρησιμοποιήσουμε με το αντικείμενο Array.

<html>

<body>

<script type="text/javascript">

var cityname = new Array(4)

cityname[0] = "Γρεβενά"

cityname[1] = "Καστοριά"

cityname[2] = "Κοζάνη"

cityname[3] = "Φλώρινα"

document.write("Το πλήθος των στοιχείων του πίνακα : ")

document.write(cityname.length + "<br>")

 

document.write("Τα στοιχεία του πίνακα χωρισμένα με . :  <br>")

document.write(cityname.join(".") + "<br><br>")

 

document.write("Αντιστροφή των στοιχείων του πίνακα : <br>")

document.write(cityname.reverse() + "<br><br>")

 

document.write("Προσθήκη στοιχείων στον πίνακα : ")

document.write(cityname.push("Ημαθία", "Πέλλα") + "<br>")

 

document.write("Αφαίρεση του τελευταίου στοιχείου : ")

document.write(cityname.pop() + "<br>")

 

document.write("Αφαίρεση του πρώτου στοιχείου : ")

document.write(cityname.shift() + "<br>")

</script>

</body>

</html>

Ο παραπάνω κώδικας θα εκτυπώσει τα εξής :

Το πλήθος των στοιχείων του πίνακα : 4

Τα στοιχεία του πίνακα χωρισμένα με . :

Γρεβενά.Καστοριά.Κοζάνη.Φλώρινα

 

Αντιστροφή των στοιχείων του πίνακα :

Φλώρινα,Κοζάνη,Καστοριά,Γρεβενά

 

Προσθήκη στοιχείων στον πίνακα : 6

Αφαίρεση του τελευταίου στοιχείου : Πέλλα

Αφαίρεση του πρώτου στοιχείου : Φλώρινα

 

Η Μέθοδος Concat()

Η μέθοδος αυτή ενώνει δύο ή και περισσότερους πίνακες και επιστρέφει έναν καινούργιο πίνακα. Στην ουσία επιστρέφει ένα αντίγραφο από τον συνδυασμό (ένωση) των στοιχείων των αρχικών πινάκων.

<html>

<body>

            <script type="text/javascript">

var cityname1 = new Array(4)

cityname1[0] = "Γρεβενά"

cityname1[1] = "Καστοριά"

cityname1[2] = "Κοζάνη"

cityname1[3] = "Φλώρινα"

var cityname2 = new Array(4)

cityname2[0] = "Βόλος"

cityname2[1] = "Καρδίτσα"

cityname2[2] = "Λάρισα"

cityname2[3] = "Τρίκαλα"

var cityname3 = new Array("Ημαθία", "Πέλλα")

 

document.write("Τα στοιχεία του πίνακα1 χωρισμένα με , : ")

document.write(cityname1.join() + "<br>")

document.write("<br>")

document.write("Τα στοιχεία του πίνακα1 και του πίνακα2 : ")

document.write(cityname1.concat(cityname2) + "<br>")

document.write("<br>")

document.write("Τα στοιχεία των πινάκων 1,  2 και 3 : ")

document.write(cityname1.concat(cityname2, cityname3) +

"<br>")

</script>

</body>

</html>

Ο παραπάνω κώδικας θα εκτυπώσει τα εξής :

Τα στοιχεία του πίνακα1 χωρισμένα με , :

Γρεβενά,Καστοριά,Κοζάνη,Φλώρινα

 

Τα στοιχεία του πίνακα1 και του πίνακα2 :

Γρεβενά,Καστοριά,Κοζάνη,Φλώρινα,Βόλος,Καρδίτσα,Λάρισα,Τρίκαλα

 

Τα στοιχεία των πινάκων 1, 2 και 3 :

Γρεβενά,Καστοριά,Κοζάνη,Φλώρινα,Βόλος,Καρδίτσα, Λάρισα,Τρίκαλα,Ημαθία,Πέλλα

Ακολουθεί ένα ακόμα παράδειγμα που δημιουργεί τρεις πίνακες και τους εμφανίζει ως έναν κάνοντας χρήση της μεθόδου concat().

<html>

<body>

<script type="text/javascript">

var arr1 = new Array(2)

arr1[0] = "Γρεβενά"

arr1[1] = "Καστοριά"

var arr2 = new Array(2)

arr2[0] = "Κοζάνη"

arr2[1] = "Φλώρινα"

var arr3 = new Array("Ημαθία", "Πέλλα")

document.write(arr1.concat(arr2, arr3))

</script>
</body>
</html>

Ο ενωμένος πίνακας θα εκτυπωθεί ως εξής :

Γρεβενά,Καστοριά,Κοζάνη,Φλώρινα,Ημαθία,Πέλλα

 

Η Μέθοδος Join()

Η μέθοδος αυτή τοποθετεί όλα τα στοιχεία ενός πίνακα σ’ ένα string, χωρισμένα μ’ έναν συγκεκριμένο χαρακτήρα διαχωρισμού (separator), όπου το κόμμα (,) είναι ο προκαθορισμένος (default) χαρακτήρας διαχωρισμού.

Το επόμενο παράδειγμα δημιουργεί έναν πίνακα και μετά τοποθετεί όλα τα στοιχεία του πίνακα σ’ ένα string κάνοντας χρήση της μεθόδου join(). Την πρώτη φορά δεν προσδιορίζουμε διαχωριστή και χρησιμοποιείται εξ ορισμού ο χαρακτήρας κόμμα (,), ενώ τη δεύτερη φορά προσδιορίζουμε ως διαχωριστή τον χαρακτήρα της τελείας (.).

<html>

<body>

<script type="text/javascript">

var cityname = new Array(4)

cityname[0] = "Γρεβενά"

cityname[1] = "Καστοριά"

cityname[2] = "Κοζάνη"

cityname[3] = "Φλώρινα"

document.write(cityname.join() + "<br />")

document.write(cityname.join("."))

</script>

</body>

</html>

Ο παραπάνω κώδικας θα εκτυπώσει τα εξής :

            Γρεβενά,Καστοριά,Κοζάνη,Φλώρινα
            Γρεβενά.Καστοριά.Κοζάνη.Φλώρινα

 

Η Μέθοδος Pop()

Η μέθοδος αυτή αφαιρεί και ταυτόχρονα επιστρέφει το τελευταίο στοιχείο ενός πίνακα. Δηλαδή τροποποιεί έναν πίνακα και μειώνει το μέγεθός του κατά ένα. Στο επόμενο παράδειγμα δημιουργούμε έναν πίνακα και μετά αλλάζουμε το μέγεθός του απομακρύνοντας το τελευταίο στοιχείο του.

<html>

<body>

<script type="text/javascript">

var cityname = new Array(4)

cityname[0] = "Γρεβενά"

cityname[1] = "Καστοριά"

cityname[2] = "Κοζάνη"

cityname[3] = "Φλώρινα"

document.write(cityname + "<br />")

document.write(cityname.pop() + "<br />")

document.write(cityname)

</script>

</body>

</html>

Ο παραπάνω κώδικας θα εκτυπώσει τα εξής :

Γρεβενά,Καστοριά,Κοζάνη,Φλώρινα

Φλώρινα

Γρεβενά,Καστοριά,Κοζάνη

 

Η Μέθοδος Push()

Η μέθοδος αυτή προσθέτει ένα ή και περισσότερα στοιχεία στο τέλος ενός πίνακα και επιστρέφει το καινούργιο μήκος του πίνακα. Δηλαδή τροποποιεί έναν πίνακα και αυξάνει το μέγεθός του. Στο επόμενο παράδειγμα θα δημιουργήσουμε έναν πίνακα και μετά θα αλλάξουμε το μέγεθός του προσθέτοντάς του ένα στοιχείο ακόμα.

<html>

<body>

<script type="text/javascript">

var cityname = new Array(3)

cityname[0] = "Γρεβενά"

cityname[1] = "Καστοριά"

cityname[2] = "Κοζάνη"

document.write(cityname + "<br />")

document.write(cityname.push("Φλώρινα") + "<br />")

document.write(cityname)

</script>

</body>

</html>

Ο παραπάνω κώδικας θα εκτυπώσει τα εξής :

Γρεβενά,Καστοριά,Κοζάνη
            4
            Γρεβενά,Καστοριά,Κοζάνη,Φλώρινα

 

Η Μέθοδος Reverse()

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

<html>

<body>

<script type="text/javascript">

var cityname = new Array(4)

cityname[0] = "Γρεβενά"

cityname[1] = "Καστοριά"

cityname[2] = "Κοζάνη"

cityname[3] = "Φλώρινα"

document.write(cityname + "<br />")

document.write(cityname.reverse() + "<br />")

</script>

</body>

</html>

Ο παραπάνω κώδικας θα εκτυπώσει τα εξής :

Γρεβενά,Καστοριά,Κοζάνη,Φλώρινα

Φλώρινα,Κοζάνη,Καστοριά,Γρεβενά

 

Η Μέθοδος Shift()

Η μέθοδος αυτή απομακρύνει και ταυτόχρονα επιστρέφει το πρώτο στοιχείο ενός πίνακα. Δηλαδή τροποποιεί έναν πίνακα και μειώνει το μέγεθός του κατά ένα. Στο επόμενο παράδειγμα δημιουργούμε έναν πίνακα και μετά αλλάζουμε το μέγεθός του απομακρύνοντας το πρώτο στοιχείο του.

<html>

<body>

<script type="text/javascript">

var cityname = new Array(4)

cityname[0] = "Γρεβενά"

cityname[1] = "Καστοριά"

cityname[2] = "Κοζάνη"

cityname[3] = "Φλώρινα"

document.write(cityname + "<br />")

document.write(cityname.shift() + "<br />")

document.write(cityname)

</script>

</body>

</html>

Ο παραπάνω κώδικας θα εκτυπώσει τα εξής :

Γρεβενά,Καστοριά,Κοζάνη,Φλώρινα
Γρεβενά
Καστοριά,Κοζάνη,Φλώρινα

 

Η Μεθοδος Slice()

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

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

Στο επόμενο παράδειγμα δημιουργούμε έναν πίνακα και μετά έναν άλλον πίνακα από μερικά από τα στοιχεία του πρώτου πίνακα.

<html>

<body>

<script type="text/javascript">

var cityname = new Array(4)

cityname[0] = "Γρεβενά"

cityname[1] = "Καστοριά"

cityname[2] = "Κοζάνη"

cityname[3] = "Φλώρινα"

document.write(cityname + "<br />")

document.write(cityname.slice(1, 3) + "<br />")

document.write(cityname)

</script>

</body>

</html>

Ο παραπάνω κώδικας θα εκτυπώσει τα εξής :

Γρεβενά,Καστοριά,Κοζάνη,Φλώρινα
Καστοριά,Κοζάνη
Γρεβενά,Καστοριά,Κοζάνη,Φλώρινα

Ακολουθεί ένα ακόμα παράδειγμα, στο οποίο δεν προσδιορίζουμε δεύτερη παράμετρο για τη μέθοδο slice(), με αποτέλεσμα να επιστρέφεται το υπόλοιπο κομμάτι μέχρι το τέλος του πίνακα.

<html>

<body>

<script type="text/javascript">

var cityname = new Array(4)

cityname[0] = "Γρεβενά"

cityname[1] = "Καστοριά"

cityname[2] = "Κοζάνη"

cityname[3] = "Φλώρινα"

document.write(cityname + "<br />")

document.write("Τα στοιχεία του πίνακα, το 2ο ως το τέλος : ")

document.write("<br>")

document.write(cityname.slice(1) + "<br>")

document.write(cityname)

</script>

</body>

</html>

Ο παραπάνω κώδικας θα εκτυπώσει τα εξής :

Γρεβενά,Καστοριά,Κοζάνη,Φλώρινα
Τα στοιχεία του πίνακα, το 2ο ως το τέλος :
Καστοριά,Κοζάνη,Φλώρινα
Γρεβενά,Καστοριά,Κοζάνη,Φλώρινα

 

Η Μέθοδος Sort()

Η μέθοδος αυτή ταξινομεί τα στοιχεία ενός πίνακα. Πρέπει να έχουμε υπόψη μας ότι εξ ορισμού η ταξινόμηση είναι αλφαριθμητική, δηλ. στην ταξινόμηση των αριθμών το 100 έρχεται μπροστά από το 50.

Με τη μέθοδο sort() μπορούμε να κάνουμε ταξινόμηση στα στοιχεία ενός πίνακα, όπου στην περίπτωση που ο πίνακας αποτελείται από αριθμούς, μπορούμε να επιλέξουμε να γίνει κανονικά η αριθμητική ταξινόμηση ή η αλφαριθμητική ταξινόμηση που λαμβάνει τους αριθμούς ως strings.

Στο επόμενο παράδειγμα δημιουργούμε έναν πίνακα και μετά τον ταξινομούμε.

<html>

<body>

<script type="text/javascript">

var cityname = new Array(4)

cityname[0] = "Κοζάνη"

cityname[1] = "Φλώρινα"

cityname[2] = "Καστοριά"

cityname[3] = "Γρεβενά"

document.write(cityname + "<br />")

document.write(cityname.sort() + "<br />")

</script>

</body>

</html>

Ο παραπάνω κώδικας θα εκτυπώσει τα εξής :

Κοζάνη,Φλώρινα,Καστοριά,Γρεβενά

Γρεβενά,Καστοριά,Κοζάνη,Φλώρινα

Ακολουθεί ένα άλλο παράδειγμα όπου μπορούμε να δούμε πώς μπορεί να γίνει σωστά η αριθμητική ταξινόμηση με τη μέθοδο sort().

<html>

<body>

            <p> Αν δεν χρησιμοποιήσουμε μια συνάρτηση compareFunction για

να ορίσουμε τη σειρά ταξινόμησης (sort order), ο πίνακας

ταξινομείται αλφαριθμητικά, που σημαίνει ότι το 500 θα έρθει

πριν από το 7, αλλά σε μια αριθμητική ταξινόμηση το 7 έρχεται

πριν από το 500. Το παράδειγμα αυτό δείχνει πώς μπορούμε να

χρησιμοποιήσουμε μια συνάρτηση compare η οποία θα κάνει

σωστή ταξινόμηση, είτε τα στοιχεία του πίνακα είναι αριθμοί ή

αριθμητικά strings. </p>

<script type="text/javascript">

array1=new Array("Φλώρινα", "Κοζάνη", "Καστοριά")

array2=new Array("50", "8", "100")

array3=new Array(60, 10, 4, 600)

array4=new Array("60", "9", "750", 20, 15, 5, 300)

function compareNum(a, b) {

return a-b

}

document.write("Ταξινόμηση : " + array1.sort())

document.write("<br /><br />")

document.write("Ταξινόμηση χωρίς compareNum : " + array2.sort())

document.write("<br />")

document.write("Ταξινόμηση με compareNum : " + array2.sort(compareNum))

document.write("<br /><br />")

document.write("Ταξινόμηση χωρίς compareNum : " + array3.sort())

document.write("<br />")

document.write("Ταξινόμηση με compareNum : " + array3.sort(compareNum))

document.write("<br /><br />")

document.write("Ταξινόμηση χωρίς compareNum : " + array4.sort())

document.write("<br />")

document.write("Ταξινόμηση με compareNum : " + array4.sort(compareNum))

</script>

</body>

</html>

Ο παραπάνω κώδικας θα εκτυπώσει τα εξής :

Ταξινόμηση : Καστοριά,Κοζάνη,Φλώρινα


Ταξινόμηση χωρίς compareNum : 100,50,8

Ταξινόμηση με compareNum : 8,50,100


Ταξινόμηση χωρίς compareNum : 10,4,60,600

Ταξινόμηση με compareNum : 4,10,60,600


Ταξινόμηση χωρίς compareNum : 15,20,300,5,60,750,9

Ταξινόμηση με compareNum : 5,9,15,20,60,300,750

 

Η Μέθοδος Splice()

Με τη μέθοδο αυτή μπορούμε να προσθέσουμε σε, να αντικαταστήσουμε ή και να αφαιρέσουμε στοιχεία από έναν πίνακα. Η συνάρτηση δέχεται τρεις παραμέτρους.

Η πρώτη παράμετρος είναι ένας αριθμός που καθορίζει τη θέση του πίνακα στην οποία θα γίνει η τροποποίησή του, είτε πρόκειται για προσθήκη είτε για αφαίρεση.

Η δεύτερη παράμετρος καθορίζει το πλήθος των στοιχείων του πίνακα που θα αφαιρεθούν, όπου μπορούμε να χρησιμοποιήσουμε το 0 αν θέλουμε να κάνουμε μόνο προσθήκη στοιχείων και ακολουθούν ως τρίτη παράμετρος το ή τα στοιχεία που τυχόν θέλουμε να προσθέσουμε μέσα στον πίνακα.

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

Ακολουθεί ένα χαρακτηριστικό παράδειγμα.

<html>

<body>

<script type="text/javascript">

myCars=["Ford", "Skoda", "Fiat", "Citroen"]

document.write("Τα αυτοκίνητά μου : " + myCars)

document.write("<br /><br />")

 

removed=myCars.splice(2, 0, "Volkswagen")

document.write("Προσθήκη ενός αυτοκινήτου : " + myCars)

document.write("<br /><br />")

 

removed=myCars.splice(3, 1)

document.write("Αφαίρεση ενός αυτοκινήτου : " + myCars)

document.write("<br /><br />")

 

removed=myCars.splice(2, 1, "Seat")

document.write("Αντικατάσταση ενός αυτοκινήτου : " + myCars)

document.write("<br /><br />")

 

removed=myCars.splice(0, 2, "Peugeot", "Honda", "Toyota")

document.write("Αφαίρεση 2 και προσθήκη 3 : " + myCars)

</script>

</body>

</html>

Ο παραπάνω κώδικας θα εκτυπώσει τα εξής :

Τα αυτοκίνητά μου : Ford,Skoda,Fiat,Citroen


Προσθήκη ενός αυτοκινήτου : Ford,Skoda,Volkswagen,Fiat,Citroen


Αφαίρεση ενός αυτοκινήτου : Ford,Skoda,Volkswagen,Citroen


Αντικατάσταση ενός αυτοκινήτου : Ford,Skoda,Seat,Citroen


Αφαίρεση 2 και προσθήκη 3 : Peugeot,Honda,Toyota,Seat,Citroen

Ακολουθεί ένα ακόμα παράδειγμα.

<html>

<body>

<script type="text/javascript">

var cityname = new Array(4)

cityname[0] = "Γρεβενά"

cityname[1] = "Καστοριά"

cityname[2] = "Κοζάνη"

cityname[3] = "Φλώρινα"

document.write(cityname + "<br />")

cityname.splice(2, 0, "Ημαθία")

document.write(cityname + "<br />")

cityname.splice(2, 1, "Πέλλα")

document.write(cityname + "<br />")

</script>

</body>

</html>

Ο παραπάνω κώδικας θα εκτυπώσει τα εξής :

Γρεβενά,Καστοριά,Κοζάνη,Φλώρινα

Γρεβενά,Καστοριά,Ημαθία,Κοζάνη,Φλώρινα

Γρεβενά,Καστοριά,Πέλλα,Κοζάνη,Φλώρινα

 

Η Μέθοδος toString()

Η μέθοδος αυτή επιστρέφει ένα string που παριστάνει τον συγκεκριμένο πίνακα και τα στοιχεία του. Στο επόμενο παράδειγμα θα δημιουργήσουμε έναν πίνακα και θα τον μετατρέψουμε σε string.

<html>

<body>

<script type="text/javascript">

var cityname = new Array(4)

cityname[0] = "Γρεβενά"

cityname[1] = "Καστοριά"

cityname[2] = "Κοζάνη"

cityname[3] = "Φλώρινα"

document.write(cityname.toString())

</script>

</body>

</html>

Ο παραπάνω κώδικας θα εκτυπώσει το εξής :

Γρεβενά,Καστοριά,Κοζάνη,Φλώρινα

 

Η Μέθοδος Unshift()

Η μέθοδος αυτή προσθέτει ένα ή και περισσότερα στοιχεία στην αρχή ενός πίνακα κα επιστρέφει το καινούργιο μήκος του πίνακα. Δηλαδή τροποποιεί έναν πίνακα και αυξάνει το μέγεθός του. Στο επόμενο παράδειγμα θα δημιουργήσουμε έναν πίνακα και μετά θα αλλάξουμε το μέγεθός του προσθέτοντάς του ένα στοιχείο ακόμα.

<html>

<body>

<script type="text/javascript">

var cityname = new Array(4)

cityname[0] = "Γρεβενά"

cityname[1] = "Καστοριά"

cityname[2] = "Κοζάνη"

cityname[3] = "Φλώρινα"

document.write(cityname + "<br />")

document.write(cityname.unshift("Δυτική Μακεδονία") + "<br />")

document.write(cityname)

</script>

</body>

</html>

Ο παραπάνω κώδικας θα εκτυπώσει τα εξής :

Γρεβενά,Καστοριά,Κοζάνη,Φλώρινα
undefined
Δυτική Μακεδονία,Γρεβενά,Καστοριά,Κοζάνη,Φλώρινα

 

Η Μέθοδος ValueOf()

Η μέθοδος αυτή επιστρέφει τη φυσική αξία (primitive value) ενός πίνακα. Στο επόμενο παράδειγμα θα δημιουργήσουμε έναν πίνακα και μετά θα χρησιμοποιήσουμε τη μέθοδο valueOf() για να πάρουμε τη φυσική αξία του.

<html>

<body>

<script type="text/javascript">

var cityname = new Array(4)

cityname[0] = "Γρεβενά"

cityname[1] = "Καστοριά"

cityname[2] = "Κοζάνη"

cityname[3] = "Φλώρινα"

document.write(cityname.valueOf())

</script>

</body>

</html>

Ο παραπάνω κώδικας θα εκτυπώσει το εξής :

Γρεβενά,Καστοριά,Κοζάνη,Φλώρινα

 

back.gif (9867 bytes)

Επιστροφή