Σε αυτό το σεμινάριο, θα μάθετε για τον πίνακα JavaScript με τη βοήθεια παραδειγμάτων.
Όπως γνωρίζετε, μια μεταβλητή μπορεί να αποθηκεύσει ένα μόνο στοιχείο. Εάν πρέπει να αποθηκεύσετε πολλά στοιχεία ταυτόχρονα, μπορείτε να χρησιμοποιήσετε έναν πίνακα.
Ένας πίνακας είναι ένα αντικείμενο που μπορεί να αποθηκεύσει πολλά στοιχεία . Για παράδειγμα,
const myArray = ('hello', 'world', 'welcome');
Δημιουργήστε μια σειρά
Μπορείτε να δημιουργήσετε έναν πίνακα χρησιμοποιώντας δύο τρόπους:
1. Χρησιμοποιώντας έναν κυριολεκτικό πίνακα
Ο ευκολότερος τρόπος για να δημιουργήσετε έναν πίνακα είναι χρησιμοποιώντας έναν κυριολεκτικό πίνακα (). Για παράδειγμα,
const array1 = ("eat", "sleep");
2. Χρήση της νέας λέξης-κλειδιού
Μπορείτε επίσης να δημιουργήσετε έναν πίνακα χρησιμοποιώντας τη newλέξη-κλειδί JavaScript .
const array2 = new Array("eat", "sleep");
Και στα δύο παραπάνω παραδείγματα, δημιουργήσαμε έναν πίνακα με δύο στοιχεία.
Σημείωση : Συνιστάται η χρήση κυριολεκτικής συστοιχίας για τη δημιουργία πίνακα.
Ακολουθούν περισσότερα παραδείγματα συστοιχιών:
// empty array const myList = ( ); // array containing number values const numberArray = ( 2, 4, 6, 8); // array containing string values const stringArray = ( 'eat', 'work', 'sleep'); // multiple data types array const newData = ('work', 'exercise', 1, true);
Μπορείτε επίσης να αποθηκεύσετε πίνακες, λειτουργίες και άλλα αντικείμενα μέσα σε έναν πίνακα. Για παράδειγμα,
const newData = ( ('task1': 'exercise'), (1, 2 ,3), function hello() ( console.log('hello')) );
Πρόσβαση στα στοιχεία μιας συστοιχίας
Μπορείτε να αποκτήσετε πρόσβαση στα στοιχεία ενός πίνακα χρησιμοποιώντας δείκτες (0, 1, 2…) . Για παράδειγμα,
const myArray = ('h', 'e', 'l', 'l', 'o'); // first element console.log(myArray(0)); // "h" // second element console.log(myArray(1)); // "e" 
Ευρετηρίαση συστοιχίας σε JavaScript
Σημείωση : Το ευρετήριο του Array ξεκινά με 0, όχι 1.
Προσθέστε ένα στοιχείο σε μια σειρά
Μπορείτε να χρησιμοποιήσετε την ενσωματωμένη μέθοδο push()και unshift()να προσθέσετε ένα στοιχείο σε έναν πίνακα.
Η push()μέθοδος προσθέτει ένα στοιχείο στο τέλος ενός πίνακα και επιστρέφει το μήκος ενός νέου πίνακα. Για παράδειγμα,
let dailyActivities = ('eat', 'sleep'); // add an element at the end of the array dailyActivities.push('exercise'); console.log(dailyActivities); // ('eat', 'sleep', 'exercise')
Η unshift()μέθοδος προσθέτει ένα νέο στοιχείο στην αρχή ενός πίνακα και επιστρέφει το νέο μήκος ενός πίνακα. Για παράδειγμα,
let dailyActivities = ('eat', 'sleep'); //add an element at the end of the array dailyActivities.unshift('work'); console.log(dailyActivities); // ('work', 'eat', 'sleep', 'exercise'')
Αλλάξτε τα στοιχεία μιας σειράς
Μπορείτε επίσης να προσθέσετε στοιχεία ή να αλλάξετε τα στοιχεία μεταβαίνοντας στην τιμή ευρετηρίου.
let dailyActivities = ( 'eat', 'sleep'); // this will add the new element 'exercise' at the 2 index dailyActivities(2) = 'exercise'; console.log(dailyActivities); // ('eat', 'sleep', 'exercise')
Ας υποθέσουμε ότι ένας πίνακας έχει δύο στοιχεία. Εάν προσπαθήσετε να προσθέσετε ένα στοιχείο στο ευρετήριο 3 (τέταρτο στοιχείο), το τρίτο στοιχείο θα είναι απροσδιόριστο. Για παράδειγμα,
let dailyActivities = ( 'eat', 'sleep'); // this will add the new element 'exercise' at the 3 index dailyActivities(3) = 'exercise'; console.log(dailyActivities); // ("eat", "sleep", undefined, "exercise")
Βασικά, εάν προσπαθήσετε να προσθέσετε στοιχεία σε υψηλούς δείκτες, οι δείκτες στο μεταξύ θα έχουν απροσδιόριστη τιμή.
Αφαιρέστε ένα στοιχείο από μια συστοιχία
Μπορείτε να χρησιμοποιήσετε τη pop()μέθοδο για να αφαιρέσετε το τελευταίο στοιχείο από έναν πίνακα. Η pop()μέθοδος επιστρέφει επίσης την επιστρεφόμενη τιμή. Για παράδειγμα,
let dailyActivities = ('work', 'eat', 'sleep', 'exercise'); // remove the last element dailyActivities.pop(); console.log(dailyActivities); // ('work', 'eat', 'sleep') // remove the last element from ('work', 'eat', 'sleep') const removedElement = dailyActivities.pop(); //get removed element console.log(removedElement); // 'sleep' console.log(dailyActivities); // ('work', 'eat')
Εάν πρέπει να καταργήσετε το πρώτο στοιχείο, μπορείτε να χρησιμοποιήσετε τη shift()μέθοδο. Η shift()μέθοδος αφαιρεί το πρώτο στοιχείο και επιστρέφει επίσης το αφαιρεθέν στοιχείο. Για παράδειγμα,
let dailyActivities = ('work', 'eat', 'sleep'); // remove the first element dailyActivities.shift(); console.log(dailyActivities); // ('eat', 'sleep')
Μήκος σειράς
Μπορείτε να βρείτε το μήκος ενός στοιχείου (τον αριθμό των στοιχείων σε έναν πίνακα) χρησιμοποιώντας την lengthιδιότητα. Για παράδειγμα,
const dailyActivities = ( 'eat', 'sleep'); // this gives the total number of elements in an array console.log(dailyActivities.length); // 2
Μέθοδοι συστοιχίας
Στο JavaScript, υπάρχουν διάφορες διαθέσιμες μέθοδοι πίνακα που διευκολύνουν την εκτέλεση χρήσιμων υπολογισμών.
Μερικές από τις κοινώς χρησιμοποιούμενες μεθόδους πίνακα JavaScript είναι:
| Μέθοδος | Περιγραφή |
|---|---|
| συμπυκνωμένος () | ενώνει δύο ή περισσότερες συστοιχίες και επιστρέφει ένα αποτέλεσμα |
| ευρετήριοOf () | αναζητά ένα στοιχείο ενός πίνακα και επιστρέφει τη θέση του |
| εύρημα() | επιστρέφει την πρώτη τιμή ενός στοιχείου πίνακα που περνάει μια δοκιμή |
| εύρεσηIndex () | επιστρέφει το πρώτο ευρετήριο ενός στοιχείου πίνακα που περνάει μια δοκιμή |
| για κάθε() | καλεί μια συνάρτηση για κάθε στοιχείο |
| περιλαμβάνει () | ελέγχει εάν ένας πίνακας περιέχει ένα καθορισμένο στοιχείο |
| Σπρώξτε() | οδηγεί ένα νέο στοιχείο στο τέλος ενός πίνακα και επιστρέφει το νέο μήκος ενός πίνακα |
| unshift () | adds a new element to the beginning of an array and returns the new length of an array |
| pop() | removes the last element of an array and returns the removed element |
| shift() | removes the first element of an array and returns the removed element |
| sort() | sorts the elements alphabetically in strings and in ascending order |
| slice() | selects the part of an array and returns the new array |
| splice() | removes or replaces existing elements and/or adds new elements |
Example: JavaScript Array Methods
let dailyActivities = ('sleep', 'work', 'exercise') let newRoutine = ('eat'); // sorting elements in the alphabetical order dailyActivities.sort(); console.log(dailyActivities); // ('exercise', 'sleep', 'work') //finding the index position of string const position = dailyActivities.indexOf('work'); console.log(position); // 2 // slicing the array elements const newDailyActivities = dailyActivities.slice(1); console.log(newDailyActivities); // ( 'sleep', 'work') // concatenating two arrays const routine = dailyActivities.concat(newRoutine); console.log(routine); // ("exercise", "sleep", "work", "eat")
Note: If the element is not in an array, indexOf() gives -1.
Visit JavaScript Array Methods to learn more.
Working of JavaScript Arrays
In JavaScript, an array is an object. And, the indices of arrays are objects keys.
Δεδομένου ότι οι πίνακες είναι αντικείμενα, τα στοιχεία του πίνακα αποθηκεύονται με αναφορά. Επομένως, όταν αντιγράφεται μια τιμή πίνακα, οποιαδήποτε αλλαγή στον αντιγραμμένο πίνακα θα αντικατοπτρίζεται επίσης στον αρχικό πίνακα. Για παράδειγμα,
let arr = ('h', 'e'); let arr1 = arr; arr1.push('l'); console.log(arr); // ("h", "e", "l") console.log(arr1); // ("h", "e", "l")
Μπορείτε επίσης να αποθηκεύσετε τιμές μεταβιβάζοντας ένα όνομα με κλειδί σε έναν πίνακα. Για παράδειγμα,
let arr = ('h', 'e'); arr.name = 'John'; console.log(arr); // ("h", "e") console.log(arr.name); // "John" console.log(arr('name')); // "John" 
Ευρετηρίαση συστοιχίας σε JavaScript
Ωστόσο, δεν συνιστάται η αποθήκευση τιμών μεταβιβάζοντας αυθαίρετα ονόματα σε έναν πίνακα.
Ως εκ τούτου, σε JavaScript, θα πρέπει να χρησιμοποιήσετε έναν πίνακα, εάν οι τιμές είναι σε παραγγελίες συλλογής. Διαφορετικά, είναι καλύτερο να χρησιμοποιήσετε αντικείμενο ( ).
Συνιστώμενα άρθρα
- JavaScript για κάθε
- JavaScript για… από
- Πολυδιάστατη σειρά JavaScript
