Το Lodash είναι μια βιβλιοθήκη JavaScript που προσφέρει βοηθητικές λειτουργίες για τυπικές εργασίες προγραμματισμού χρησιμοποιώντας το μοντέλο λειτουργικού προγραμματισμού.
Η βιβλιοθήκη, η οποία λειτουργεί με προγράμματα περιήγησης ιστού και το Node.js, μπορεί να τροποποιεί και να μετατρέπει δεδομένα, να εκτελεί ασύγχρονες λειτουργίες και πολλά άλλα.
Μάθετε πώς να χρησιμοποιείτε το lodash για να χειρίζεστε πίνακες, συμβολοσειρές και αντικείμενα και μάθετε για τις προηγμένες λειτουργίες του, όπως η σύνθεση συναρτήσεων.
Ξεκινώντας με το Lodash
Μπορείτε να προσθέσετε lodash στην εφαρμογή σας με έναν από τους δύο τρόπους: χρησιμοποιώντας ένα δίκτυο παράδοσης περιεχομένου (CDN) ή εγκαθιστώντας το χρησιμοποιώντας npm ή νήμα.
Για να χρησιμοποιήσετε το lodash απευθείας στο πρόγραμμα περιήγησης, αντιγράψτε τον παρακάτω σύνδεσμο CDN lodash και εισαγάγετέ τον στην ενότητα κεφαλής του αρχείου HTML:
<γραφήsrc=" https://cdn.jsdelivr.net/npm/[email protected]/lodash.min.js"
type="text/javascript">γραφή>
Χρησιμοποιώντας αυτήν την προσέγγιση, μπορείτε να εκτελέσετε σενάρια χρησιμοποιώντας lodash στο σώμα του HTML σας.
Για να χρησιμοποιήσετε το lodash σε ένα έργο Node.js, θα πρέπει να το εγκαταστήσετε στον κατάλογο του έργου σας. Μπορείτε να χρησιμοποιήσετε είτε npm είτε νήμα για να το κάνετε:
npm install --save lodash
# ή
νήμα προσθήκη lodash
Τώρα μπορείτε να χρησιμοποιήσετε το lodash απαιτώντας το στο αρχείο JavaScript:
// Απαιτείται η βιβλιοθήκη lodash
συνθ _ = απαιτώ("lodash");
// Χρησιμοποιώντας τη μέθοδο _.sum
συνθ αριθμοί = [10, 20, 30, 40, 50];
συνθ άθροισμα = _.άθροισμα (αριθμοί);
κονσόλα.log (άθροισμα);
Για να εκτελέσετε το αρχείο JavaScript, εισαγάγετε την εντολή κόμβου:
κόμβος [Το όνομα του σεναρίου σας]
Χειρισμός πίνακα στο Lodash
Το Lodash συνοδεύεται από ένα σύνολο μεθόδων για χειρισμό πίνακα που παρέχουν λειτουργικότητα πέρα από την ενσωματωμένη κλάση Array της JavaScript.
.μεγάλο κομμάτι
Αυτή η μέθοδος διαιρεί έναν πίνακα σε ομάδες μικρότερων πινάκων δεδομένου μεγέθους. Το τελικό κομμάτι μπορεί να είναι μικρότερο από το μέγεθος που ζητάτε.
Εδώ είναι ένα παράδειγμα:
συνθ συστοιχία = [ 'ένα', 'σι', 'ντο', 'ρε', 'μι', 'φά', 'σολ' ];
συνθ newArray = _.chunk (πίνακας, 2)
κονσόλα.log (newArray)
// Έξοδος:
// [ [ 'a', 'b' ], [ 'c', 'd' ], [ 'e', 'f' ], [ 'g' ] ]
.concat
Αυτή η μέθοδος δημιουργεί έναν νέο πίνακα συνενώνοντας τιμές στο τέλος ενός υπάρχοντος πίνακα.
Για παράδειγμα:
συνθπίνακας = [ 1, 2, 'ένα' ];
συνθ newArray = _.concat(πίνακας, 5, 'σι', [ 8 ], [ [ 9 ] ]);
κονσόλα.log (newArray);
// Έξοδος:
// [ 1, 2, 'a', 5, 'b', 8, [ 9 ] ]
.Συμμετοχή
Αυτή η μέθοδος επιστρέφει μια συμβολοσειρά συνδυάζοντας στοιχεία ενός πίνακα. Τα ενώνει χρησιμοποιώντας έναν οριοθέτη που περνάτε ως παράμετρο όταν καλείτε τη μέθοδο. Ο προεπιλεγμένος οριοθέτης που χρησιμοποιεί είναι κόμμα:
συνθπίνακας = [ "μεγάλο", "ο", "ρε", "ένα", "μικρό", "η" ];
συνθ newArray = _.join(πίνακας);
κονσόλα.log (newArray);// Έξοδος:
// l, o, d, a, s, hσυνθ newArray = _.join(πίνακας, "-");
κονσόλα.log (newArray);
// Έξοδος:
// l-o-ρε-ένα-μικρό-η
Χειρισμός χορδών στο Lodash
Με γυμνή JavaScript, Η μορφοποίηση συμβολοσειρών είναι μια απλή διαδικασία. Αλλά το lodash το κάνει ακόμα πιο εύκολο.
Μερικές από τις πιο συνηθισμένες λειτουργίες χειρισμού συμβολοσειράς που μπορείτε να εκτελέσετε με το lodash περιλαμβάνουν:
.startsWith και .endsWith
Αυτές οι δύο μέθοδοι ελέγχουν εάν μια συμβολοσειρά ξεκινά ή τελειώνει με μια υποσυμβολοσειρά, αντίστοιχα. Και οι δύο μέθοδοι επιστρέφουν μια boolean τιμή true ή false.
Για παράδειγμα:
συνθ χορδή = "lodash";κονσόλα.log (_.startsWith (string, "μεγάλο"));
// Έξοδος: trueκονσόλα.log (_.startsWith (string, "ο"));
// Έξοδος: ψευδήςκονσόλα.log (_.endsWith (string, "Μ"));
// Έξοδος: ψευδής
κονσόλα.log (_.endsWith (string, "η"));
// Έξοδος: true
.επαναλαμβάνω
Αυτή η μέθοδος εκτυπώνει επανειλημμένα μια συμβολοσειρά συγκεκριμένες φορές. Παίρνει τη συμβολοσειρά ως πρώτο όρισμα και τον αριθμό των επαναλήψεων ως δεύτερο:
συνθ χορδή = "lodash"
συνθ newString = _.repeat (string, 3);
κονσόλα.log (newString);
// Έξοδος: lodashlodashlodash
.τακτοποίηση
Αυτή η μέθοδος καταργεί το κενό κενό που οδηγεί και ακολουθεί. Μπορείτε επίσης να το χρησιμοποιήσετε για να αφαιρέσετε τυχόν συγκεκριμένους χαρακτήρες στην αρχή και στο τέλος μιας συμβολοσειράς.
Για παράδειγμα:
// Αφαίρεση κενού κενού προπορευόμενου και τελικού
συνθ χορδή = " μπαρ "
συνθ newString = _.trim (string)
κονσόλα.log (newString);
// Έξοδος: μπάρα
// Αφαίρεση καθορισμένων χαρακτήρων
συνθ χορδή = ",μπαρ,"
συνθ newString = _.trim (string, ",")
κονσόλα.log (newString);
// Έξοδος: μπάρα
Χειρισμός αντικειμένων στο Lodash
Παρακάτω είναι μερικά παραδείγματα χειρισμού συμβολοσειρών που μπορείτε να εκτελέσετε με το lodash:
.συγχώνευση
ο _.συγχώνευση() Η μέθοδος δημιουργεί ένα νέο αντικείμενο συνδυάζοντας τις ιδιότητες των αντικειμένων εισόδου. Η τιμή μιας ιδιότητας από το μεταγενέστερο αντικείμενο θα αντικαταστήσει την τιμή από το προηγούμενο αντικείμενο εάν η ιδιότητα υπάρχει σε περισσότερα από ένα αντικείμενα.
Για παράδειγμα:
συνθ βιβλία = {
'Μαθηματικά': 4,
'Επιστήμη': 7
};
συνθ σημειώσεις = {
'Επιστήμη': 3,
'Χημεία': 5
};_.συγχώνευση(βιβλία, σημειώσεις);
κονσόλα.log (βιβλία);
// Έξοδος:
// { Μαθηματικά: 4, Φυσικές Επιστήμες: 3, Χημεία: 5 }
Σε αυτό το παράδειγμα, η μέθοδος προσθέτει την ιδιότητα «Chemistry» από το δεύτερο αντικείμενο και αντικαθιστά την τιμή της ιδιότητας «Science» του πρώτου αντικειμένου.
.έχει
Αυτή η μέθοδος επιστρέφει true εάν υπάρχει μια δεδομένη σειρά ιδιοτήτων σε ένα αντικείμενο και false διαφορετικά.
Για παράδειγμα:
συνθ βιβλία = {
'Μαθηματικά': 4,
'Επιστήμη': 7
};
κονσόλα.log (_.έχει (βιβλία, "Μαθηματικά"));
// Έξοδος: true
.παραλείπω
Αυτή η μέθοδος επιστρέφει ένα νέο αντικείμενο αφαιρώντας καθορισμένες ιδιότητες από το δεδομένο.
Για παράδειγμα:
var βιβλία = {
'Μαθηματικά': 4,
'Επιστήμη': 3,
'Χημεία': 5
};
κονσόλα.log (_.παράλειψη (βιβλία, "Επιστήμη"));
// Έξοδος: { Μαθηματικά: 4, Χημεία: 5 }
Σύνθεση συνάρτησης στο Lodash
Η σύνθεση συναρτήσεων είναι μια τεχνική που μπορείτε να χρησιμοποιήσετε μια λειτουργική γλώσσα προγραμματισμού. Περιλαμβάνει το συνδυασμό δύο ή περισσότερων συναρτήσεων σε μια νέα συνάρτηση καλώντας κάθε συνάρτηση με μια συγκεκριμένη σειρά. Αυτή η δυνατότητα σάς δίνει τη δυνατότητα να δημιουργήσετε πιο σύνθετη λογική από απλούστερες συναρτήσεις.
Για να εφαρμόσετε αυτήν την τεχνική, το lodash συνοδεύεται από το _.ροή και _.ροήΔεξιά λειτουργίες. ο _.ροή() Η συνάρτηση δέχεται μια λίστα συναρτήσεων ως ορίσματα και εξάγει μια νέα συνάρτηση που εφαρμόζει τις συναρτήσεις με την ίδια σειρά που τις μεταβιβάζετε. ο _.flowRight() Η συνάρτηση κάνει το ίδιο, αλλά καλεί τις συναρτήσεις αντίστροφα.
Για παράδειγμα:
λειτουργίαaddFive(αριθμός) {
ΕΠΙΣΤΡΟΦΗ αριθμός + 5
}λειτουργίαφορές Δύο(αριθμός) {
ΕΠΙΣΤΡΟΦΗ αριθμός * 2
}συνθ addFiveAndTimesTwo = _.flow([addFive, timesTwo]);
συνθ addFiveAndTimesTwoReverse = _.flowRight([addFive, timesTwo]);
κονσόλα.log (addFiveAndTimesTwo(3));
// Έξοδος: 16
κονσόλα.log (addFiveAndTimesTwoReverse(3));
// Έξοδος: 11
Ο παραπάνω κώδικας ορίζει τις συναρτήσεις addFive και φορές Δύο. Η συνάρτηση addFive επιστρέφει το αποτέλεσμα της προσθήκης 5 σε έναν δεδομένο αριθμό. Η συνάρτηση timesTwo πολλαπλασιάζει έναν αριθμό εισόδου επί 2 και επιστρέφει το αποτέλεσμα.
Ο κώδικας χρησιμοποιεί στη συνέχεια το _.ροή() λειτουργία για να συνδυάσει τις δύο άλλες και να παράγει τη νέα συνάρτηση, addFiveAndTimesTwo. Αυτή η νέα συνάρτηση θα εκτελέσει πρώτα τη λειτουργία addFive στο όρισμά της πριν εκτελέσει τη λειτουργία timesTwo στο τελικό αποτέλεσμα.
ο _.flowRight() Η συνάρτηση παράγει μια νέα συνάρτηση που κάνει το ίδιο με τη ροή, αλλά αντίστροφα.
Τέλος, αυτός ο κωδικός καλεί τις δύο νέες συναρτήσεις, περνώντας 3, ως το όρισμα, και καταγράφει τα αποτελέσματα στην κονσόλα.
Τα οφέλη της συνεργασίας με τη Lodash
Μπορείτε να χρησιμοποιήσετε το lodash για να απλοποιήσετε τον κώδικά σας και να κάνετε τα έργα σας πιο ευέλικτα και συντηρήσιμα. Το ευρύ φάσμα των βοηθητικών λειτουργιών του, η ευρεία υιοθέτηση και οι τακτικές ενημερώσεις θα σας βοηθήσουν να γράψετε κομψό, αποτελεσματικό κώδικα. Μπορείτε να χρησιμοποιήσετε το lodash για να διασφαλίσετε ότι ο κώδικας σας είναι πάντα ενημερωμένος και συμβατός με τα σύγχρονα προγράμματα περιήγησης.
