Previous

Array methods

Ας μελετήσουμε ορισμένες από τις διαθέσιμες μεθόδους για τις λίστες:

JOIN()

Χρησιμοποήστε array.join(separator) για να μετατρέψετε λίστα σε μια συμβολοσειρά:  

Ο διαχωριστής -  separator είναι από προεπιλογή ",".  Ωστόσο, μπορείτε να αλλάξετε την προεπιλεγμένη τιμή, εισάγοντας μια διαφορετική τιμή.

var color = ["red", "green", "blue"];
console.log(color.join(" and "));
/* This shows : red and green and blue*/
var color = ["red", "green", "blue"];
console.log(color.join());
/* This shows : red,green,blue*/
ΑΛΛΑΓΕΣ ΣΤΟΙΧΕΙΩΝ

Στη λίστα:var color = ["red", "green", "blue"];
μπορείτε να αλλάξετε κάτι αποθηκευμένο ως εξής:

color[2] = "magenta";
/* Now color is : ["red", "green", "magenta"]*/

Ο παραπάνω κώδικας πηγαίνει στον δείκτη = 2 της λίστας και αλλάζει την τιμή της στη νέα τιμή.

ΜΕΓΕΘΟΣ ΛΙΣΤΑΣ

Μπορείτε να μάθετε το μέγεθος μιας λίστας (δηλ. Πόσες θέσεις έχει) χρησιμοποιώντας: array.length:

var color = ["red", "green", "blue"];
alert(color.length); /* This shows 3 */
ΠΡΟΣΘΗΚΗ ΣΤΟ ΤΕΛΟΣ

Προσθέστε ένα νέο στοιχείο στο τέλος μιας λίστας με: array.push():
Ο δείκτης ενημερώνεται αυτόματα

var color = ["red", "green", "blue"];
color.push("magenta");
/* Now color is : ["red", "green", "blue", "magenta"] */
ΠΡΟΣΘΗΚΗ ΣΤΗΝ ΑΡΧΗ

Προσθέστε ένα νέο στοιχείο στην αρχή μιας λίστας με: array.unshift():
Ο δείκτης ενημερώνεται αυτόματα

var color = ["red", "green", "blue"];
color.unshift("magenta");
/* Now color is : ["magenta","red", "green", "blue"] */
ΚΑΤΑΡΓΗΣΗ ΑΠΟ ΤΟ ΤΕΛΟΣ

Για να καταργήσετε ένα στοιχείο από το τέλος, χρησιμοποιήστε: array.pop():

var color = ["red", "green", "blue"];
var result = color.pop();
alert(color); /* Now color is : ["red", "green"] */
alert(result); /*pop() returns the removed element, so result is : blue*/
ΚΑΤΑΡΓΗΣΗ ΑΠΟ ΤΗΝ ΑΡΧΗ

array.shift() καταργεί το στοιχείο της αρχής

var color = ["red", "green", "blue"];
var result = color.shift();
alert(color); /* Now color is : ["green", "blue"] */
alert(result); /*shift() returns the removed element, so result is : red*/

Ο δείκτης ενημερώνεται αυτόματα

ΣΥΝΔΕΣΗ ΔΥΟ ΛΙΣΤΩΝ

Χρησιμοποήστε  array1.concat(array2) για να συνδέσετε δύ λίστες σε μία:

var color = ["red", "green", "blue"];
var primes = [2, 3, 5, 7, 11];
var result = color.concat(primes);
alert(result); /*shift() returns the removed element, so result is : red, green, blue, 2, 3, 5, 7, 11*/

Ο δείκτης ενημερώνεται αυτόματα

Περισσότερες πληροφορίες: https://www.w3schools.com/js/js_arrays.asp and https://www.w3schools.com/js/js_array_methods.asp

Άσκηση

  1. Ανοίξτε τον επεξεργαστή κώδικα, δημιουργήστε ένα νέο αρχείο και αποθηκεύστε το ως exersice08.1.03.html στον φάκελο "Exercises".
  2. Χρησιμοποιώντας μερικές από τις παραπάνω μεθόδους λιστών και ξεκινώντας από τις λίστες color και primes δημιουργήστε τη λίστα  newArray = ["green", "blue", "yellow", 2, 3, 7, 13]
  3. Αποθηκεύστε το αρχείο. Προεπισκοπήστε το στην κονσόλα 

Λϋση:

Previous