Πως να βελτιωσουμε ενα Javascript For Loop.
Το να περιεχει ο κωδικας μιας σελιδας ενα loop ειναι κατι συνηθισμενο και σιγουρα θα εχετε δει αρκετα παραδειγματα για το πως να χρησιμοποιουμε ενα loop. Ας δουμε ομως πως μπορουμε να το βελτιωσουμε ωστε να κερδισουμε εστω και μερικα κλασματα του δευτερολεπτου ευκολα. Ενα τυπικο loop που διαβαζει τα ονοματα σε ενα array ειναι το παρακατω:
var names = ["Chris", "Maria", "Alex"]; for (var i = 0; i < names.length; i++) { alert("Say hello to " + names[i]); }
Οπως βλεπουμε ξεκιναει το loop με την λεξη for και μετα εχουμε κλασικα τα τρια statement. Aν ομως περασουμε το name.length σε μια μεταβλητη και χρησιμοποιησουμε αυτη τη μεταβλητη στο δευτερο statement τοτε ο βρογχος μας θα εκτελεστει πιο γρηγορα. Παραδειγμα:
var names = ["Chris", "Maria", "Alex"]; for (var i = 0, len = names.length; i < len; i++) { alert("Say hello to " + names[i]); }
Δειτε ομως και το παρακατω παραδειγμα που ειναι οσο πιο optimized γινεται! Μαλιστα θα σας θυμιζει loop με την χρηση του while!
var names = ["Chris", "Maria", "Alex"]; for ( ; names[i] ; ) { alert("Say hello to " + names[i]); i++; }
Προσωπικα με βοηθαει αρκετα να μαθαινω και να χρησιμοποιω τετοιες τεχνικες οχι μονο για την βελτιωση του κωδικα αλλα και για τον διαφορετικο τροπο σκεψης που μερικες φορες χρειαζεται για να προσεγγισεις καποιο προβλημα.