Μέθοδοι Πινάκων

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

Προσθήκη Στοιχείων

Για να προσθέσουμε ένα στοιχείο στο τέλος ενός πίνακα, χρησιμοποιούμε τη μέθοδο push().

const fruits = ["Apple", "Banana", "Orange"];

fruits.push("Strawberry");

console.log(fruits); // ["Apple", "Banana", "Orange", "Strawberry"]

Για να προσθέσουμε ένα στοιχείο στην αρχή ενός πίνακα, χρησιμοποιούμε τη μέθοδο unshift().

const fruits = ["Apple", "Banana", "Orange"];

fruits.unshift("Strawberry");

console.log(fruits); // ["Strawberry", "Apple", "Banana", "Orange"]

Αφαίρεση Στοιχείων

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

const fruits = ["Apple", "Banana", "Orange"];

fruits.pop();

console.log(fruits); // ["Apple", "Banana"]

Για να αφαιρέσουμε το πρώτο στοιχείο ενός πίνακα, χρησιμοποιούμε τη μέθοδο shift().

const fruits = ["Apple", "Banana", "Orange"];

fruits.shift();

console.log(fruits); // ["Banana", "Orange"]

Προσοχή

Οι μέθοδοι pop() και push() είναι πιο γρήγορες από τις μέθοδους shift() και unshift(). Αυτό οφείλεται στο γεγονός ότι η προσθήκη και αφαίρεση στοιχείων στο τέλος ενός πίνακα είναι πιο γρήγορη από την προσθήκη και αφαίρεση στοιχείων στην αρχή του πίνακα.

Τμηματοποίηση Πινάκων

Για να πάρουμε ένα τμήμα ενός πίνακα, χρησιμοποιούμε τη μέθοδο slice().

Η μέθοδος slice() δέχεται δύο ορίσματα:

1. Αρχή: Η θέση από την οποία θα ξεκινήσει το τμήμα.
2. Τέλος: Η θέση στην οποία θα τελειώσει το τμήμα (δεν περιλαμβάνεται).

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

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

const slicedFruits = fruits.slice(1, 4);

console.log(slicedFruits); // ["Banana", "Orange", "Strawberry"]

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

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

Για να αλλάξουμε ένα στοιχείο σε έναν πίνακα, χρησιμοποιούμε τη μέθοδο splice().

const fruits = ["Apple", "Banana", "Orange"];

fruits.splice(1, 1, "Strawberry");

console.log(fruits); // ["Apple", "Strawberry", "Orange"]

Η μέθοδος splice() δέχεται τρία ορίσματα:

1. Θέση: Η θέση του στοιχείου που θέλουμε να αλλάξουμε.
2. Αριθμός: Ο αριθμός των στοιχείων που θέλουμε να αφαιρέσουμε.
3. Στοιχείο: Το στοιχείο που θέλουμε να προσθέσουμε.

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

const fruits = ["Apple", "Banana", "Orange"];

fruits.splice(1, 1);

console.log(fruits); // ["Apple", "Orange"]

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

const fruits = ["Apple", "Banana", "Orange"];

fruits.splice(1, 0, "Strawberry", "Kiwi");

console.log(fruits); // ["Apple", "Strawberry", "Kiwi", "Banana", "Orange"]

Συνένωση Πινάκων

Για να συνενώσουμε δύο πίνακες, χρησιμοποιούμε τη μέθοδο concat().

const fruits1 = ["Apple", "Banana"];

const fruits2 = ["Orange", "Strawberry"];

const allFruits = fruits1.concat(fruits2);

console.log(allFruits); // ["Apple", "Banana", "Orange", "Strawberry"]

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

Αναζήτηση Στοιχείων

Για να αναζητήσουμε ένα στοιχείο σε έναν πίνακα, χρησιμοποιούμε τη μέθοδο indexOf().

const fruits = ["Apple", "Banana", "Orange"];

const index = fruits.indexOf("Banana");

console.log(index); // 1

Η μέθοδος indexOf() επιστρέφει τη θέση του στοιχείου που αναζητούμε. Αν το στοιχείο δεν βρεθεί, επιστρέφει -1.

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

const fruits = ["Apple", "Banana", "Orange", "Banana"];

const index = fruits.lastIndexOf("Banana");

console.log(index); // 3

Η μέθοδος lastIndexOf() επιστρέφει τη θέση του τελευταίου στοιχείου που αναζητούμε. Αν το στοιχείο δεν βρεθεί, επιστρέφει -1.

Εύρεση Στοιχείων

Για να βρούμε αν ένα στοιχείο υπάρχει σε έναν πίνακα, χρησιμοποιούμε τη μέθοδο includes().

const fruits = ["Apple", "Banana", "Orange"];

const hasBanana = fruits.includes("Banana");

console.log(hasBanana); // true

Μετατροπή Πίνακα σε String

Για να μετατρέψουμε έναν πίνακα σε ένα string, χρησιμοποιούμε τη μέθοδο toString().

const fruits = ["Apple", "Banana", "Orange"];

const fruitsString = fruits.toString();

console.log(fruitsString); // "Apple,Banana,Orange"