11 JavaScript One-Liners που πρέπει να γνωρίζετε

Η JavaScript είναι μια από τις πιο δημοφιλείς γλώσσες προγραμματισμού. Χρησιμοποιείται για την ανάπτυξη ιστότοπων, εφαρμογών ιστού, διακομιστών ιστού, παιχνιδιών, εφαρμογών για κινητά και πολλά άλλα.

Η σύνταξη της JavaScript, ιδιαίτερα οι ανώνυμες συναρτήσεις και οι συναρτήσεις βέλους, επιτρέπουν συνοπτικό κώδικα. Μπορείτε να πετύχετε πολλά με μία μόνο γραμμή κώδικα.

Σε αυτό το άρθρο, θα μάθετε για 11 JavaScript one-liners που θα σας βοηθήσουν να κωδικοποιείτε σαν επαγγελματίας.

1. Πώς να μετατρέψετε μια συμβολοσειρά από snake_case σε camelCase

Μια συμβολοσειρά στο snake_case χρησιμοποιεί τον χαρακτήρα υπογράμμισης για να διαχωρίσει κάθε λέξη. Κάθε λέξη σε μια συμβολοσειρά snake_case ξεκινά συνήθως με πεζό γράμμα, αν και υπάρχουν παραλλαγές. Μια συμβολοσειρά camelCase ξεκινά με ένα πεζό γράμμα, κάθε επόμενη λέξη αρχίζει με ένα κεφαλαίο γράμμα. Δεν υπάρχουν ενδιάμεσα κενά ή σημεία στίξης σε μια συμβολοσειρά camelCase.

Οι γλώσσες προγραμματισμού — και οι προγραμματιστές — χρησιμοποιούν διαφορετικά σχήματα πεζών για ονόματα μεταβλητών και μεθόδων.

Παραδείγματα χορδών snake_case: hello_world, this_is_a_variable, SCREAMING_SNAKE_CASE

Παραδείγματα χορδών camelCase: helloWorld, thisIsVariable, makeUseOf

Μπορείτε να μετατρέψετε μια συμβολοσειρά snake_case σε camelCase χρησιμοποιώντας τον ακόλουθο κώδικα:

const convertSnakeToCamel = (s) => s.toLowerCase().replace(/(_\w)/g, (w) => w.toUpperCase().substr (1));
ας s1 = "hello_world";
console.log (convertSnakeToCamel (s1));
έστω s2 = "make_use_of";
console.log (convertSnakeToCamel (s2));
έστω s3 = "this_is_a_variable";
console.log (convertSnakeToCamel (s3));

Παραγωγή:

Γειά σου Κόσμε
κάνουν χρήση του
αυτό είναι μεταβλητό

2. Πώς να ανακατέψετε έναν πίνακα JavaScript

Ανακάτεμα ενός πίνακα σημαίνει τυχαία αναδιάταξη των στοιχείων του. Μπορείτε να ανακατέψετε έναν πίνακα JavaScript χρησιμοποιώντας τον ακόλουθο κώδικα:

const shuffleArray = (arr) => arr.sort(() => 0,5 - Math.random());
έστω arr1 = [1, 2, 3, 4, 5];
console.log (shuffleArray (arr1));
έστω arr2 = [12, 34, 45, 43];
console.log (shuffleArray (arr2));
έστω arr3 = [2, 4, 6, 8, 10];
console.log (shuffleArray (arr3));

Παραγωγή:

[ 3, 5, 1, 4, 2 ]
[ 45, 34, 12, 43 ]
[ 4, 10, 2, 6, 8 ]

Θα λάβετε ποικίλα αποτελέσματα σε ξεχωριστές εκτελέσεις αυτού του κώδικα.

Σχετίζεται με: Οι λειτουργίες βέλους JavaScript μπορούν να σας κάνουν καλύτερο προγραμματιστή

3. Πώς να βρείτε τον μέσο όρο ενός πίνακα

Ο μέσος όρος είναι το άθροισμα των στοιχείων του πίνακα διαιρούμενο με τον αριθμό των στοιχείων. Μπορείτε να βρείτε τον μέσο όρο ενός πίνακα σε JavaScript χρησιμοποιώντας τον ακόλουθο κώδικα:

const υπολογισμόςAverage = (arr) => arr.reduce((a, b) => a + b, 0) / arr.length;
έστω arr1 = [1, 2, 3, 4, 5];
console.log (calculateAverage (arr1));
έστω arr2 = [12, 34, 45, 43];
console.log (calculateAverage (arr2));
έστω arr3 = [2, 4, 6, 8, 10];
console.log (calculateAverage (arr3));

Παραγωγή:

3
33.5
6

Σχετίζεται με: Πώς να βρείτε τη μέση τιμή ενός πίνακα σε Python, C++, JavaScript και C

4. Πώς να εντοπίσετε τη σκοτεινή λειτουργία χρησιμοποιώντας JavaScript

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

const darkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').ταιριάζει;
console.log (darkMode);

Η δήλωση θα επιστρέψει αληθής εάν εκτελείται η σκοτεινή λειτουργία, διαφορετικά, θα επιστρέψει ψευδής.

5. Πώς να εντοπίσετε ένα πρόγραμμα περιήγησης Apple χρησιμοποιώντας JavaScript

Μπορείτε να ελέγξετε εάν το πρόγραμμα περιήγησης εκτελείται σε υπολογιστή Apple χρησιμοποιώντας αυτήν την απλή αντιστοίχιση τυπικών εκφράσεων:

const appleBrowser = /Mac|iPod|iPhone|iPad/.test (navigator.platform);
console.log (appleBrowser);

Η δήλωση θα επιστρέψει αληθής εάν το πρόγραμμα περιήγησής σας εκτελείται σε συσκευή Apple, διαφορετικά, θα επιστρέψει ψευδής.

Σχετίζεται με: Μέθοδοι συστοιχίας JavaScript που πρέπει να κυριαρχήσετε σήμερα

6. Πώς να ελέγξετε εάν ένας πίνακας είναι κενός

Ένας πίνακας είναι κενός εάν δεν υπάρχουν στοιχεία σε αυτόν. Μπορείτε να ελέγξετε εάν ένας πίνακας είναι κενός χρησιμοποιώντας τον ακόλουθο κώδικα:

const checkEmptyArray = (arr) => !Array.isArray (arr) || Μήκος αρ. 0;
έστω arr1 = [1, 2, 3, 4, 5];
console.log (checkEmptyArray (arr1));
έστω arr2 = [];
console.log (checkEmptyArray (arr2));
ας arr3 = [""];
console.log (checkEmptyArray (arr3));

Παραγωγή:

ψευδής
αληθής
ψευδής

7. Πώς να βρείτε μοναδικές τιμές σε έναν πίνακα

Η ακόλουθη γραμμή μιας γραμμής αφαιρεί επαναλαμβανόμενες τιμές από έναν πίνακα, αφήνοντας μόνο τιμές που εμφανίζονται μόνο μία φορά.

const findUniquesInArray = (arr) => arr.filter((i) => arr.indexOf (i) arr.lastIndexOf (i));
έστω arr1 = [1, 2, 3, 4, 5, 1, 2, 3];
console.log (findUniquesInArray (arr1));
let arr2 = ['W', 'E', 'L', 'C', 'O', 'M', 'E', 'T', 'O', 'M', 'U', 'O '];
console.log (findUniquesInArray (arr2));
έστω arr3 = [5, 5, 5, 3, 3, 4, 5, 8, 2, 8];
console.log (findUniquesInArray (arr3));

Παραγωγή:

[ 4, 5 ]
[ 'W', 'L', 'C', 'T', 'U' ]
[ 4, 2 ]

8. Πώς να δημιουργήσετε ένα τυχαίο εξάγωνο χρώμα

Τα δεκαεξαδικά χρώματα είναι ένας τρόπος αναπαράστασης χρωμάτων μέσω δεκαεξαδικών τιμών. Ακολουθούν τη μορφή #RRGGBB, όπου RR είναι κόκκινο, GG είναι πράσινο, και ΒΒ είναι μπλε. Οι τιμές των δεκαεξαδικών χρωμάτων είναι στην περιοχή από 00 έως FF, που καθορίζουν την ένταση του στοιχείου. Μπορείτε να δημιουργήσετε τυχαία hex χρώματα χρησιμοποιώντας τον ακόλουθο κώδικα JavaScript:

const randomHexColor = () => `#${Math.random().toString (16).slice (2, 8).padEnd (6, '0')}`;
console.log (randomHexColor());

Παραγωγή:

#ff7ea1

Κάθε φορά που εκτελείτε τον κώδικα, θα λαμβάνετε ένα τυχαίο εξάγωνο χρώμα.

9. Πώς να μετατρέψετε πτυχία σε Radians και αντίστροφα

Οι μοίρες και τα ακτίνια αντιπροσωπεύουν το μέτρο μιας γωνίας στη γεωμετρία. Μπορείτε εύκολα να μετατρέψετε μια γωνία σε ακτίνια σε μοίρες και το αντίστροφο, χρησιμοποιώντας τους ακόλουθους μαθηματικούς τύπους:

Ακτίνια = Μοίρες × π/180
Μοίρες = Ακτίνια × 180/π

Μετατροπή Πτυχίων σε Ακτίνια

Μπορείτε να μετατρέψετε μια γωνία σε μοίρες σε ακτίνια χρησιμοποιώντας τον ακόλουθο κώδικα:

const degreesToRadians = (deg) => (deg * Math. PI) / 180,0;
έστω temp1 = 360;
console.log (degreesToRadians (temp1));
έστω temp2 = 180;
console.log (degreesToRadians (temp2));
έστω temp3 = 120;
console.log (degreesToRadians (temp3));

Παραγωγή:

6.283185307179586
3.141592653589793
2.0943951023931953

Μετατροπή Radian σε Μοίρες

Μπορείτε να μετατρέψετε μια γωνία σε ακτίνια σε μοίρες χρησιμοποιώντας τον ακόλουθο κώδικα:

const radiansToDegrees = (rad) => (rad * 180) / Math. ΠΙ;
έστω temp1 = 6,283185307179586;
console.log (radiansToDegrees (temp1));
ας temp2 = 3,141592653589793;
console.log (radiansToDegrees (temp2));
ας temp3 = 2,0943951023931953;
console.log (radiansToDegrees (temp3));

Παραγωγή:

360
180
119.99999999999999

10. Πώς να ελέγξετε εάν ο κώδικας εκτελείται σε ένα πρόγραμμα περιήγησης

Μπορείτε να ελέγξετε εάν ο κωδικός σας εκτελείται σε πρόγραμμα περιήγησης χρησιμοποιώντας τα ακόλουθα:

const isRunningInBrowser = τύπος παραθύρου 'αντικείμενο' && τύπος εγγράφου 'αντικείμενο';
console.log (isRunningInBrowser);

Ο παραπάνω κώδικας, που εκτελείται σε πρόγραμμα περιήγησης, θα εκτυπωθεί αληθής. Εκτελώντας μέσω ενός διερμηνέα γραμμής εντολών, θα εκτυπωθεί ψευδής.

11. Πώς να δημιουργήσετε ένα τυχαίο UUID

Το UUID σημαίνει Universally Unique Identifier. Είναι μια τιμή 128-bit που χρησιμοποιείται για τον μοναδικό προσδιορισμό ενός αντικειμένου ή μιας οντότητας στο διαδίκτυο. Χρησιμοποιήστε τον ακόλουθο κώδικα για να δημιουργήσετε ένα τυχαίο UUID:

const generateRandomUUID = (a) => (a? (a ^ ((Math.random() * 16) >> (a / 4))).toString (16): ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[ 018]/g, δημιουργία ΤυχαίαUUID));
console.log (generateRandomUUID());

Παραγωγή:

209b53dd-91cf-45a6-99a7-554e786f87d3

Κάθε φορά που εκτελείτε τον κώδικα, δημιουργεί ένα τυχαίο UUID.

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

Αποκτήστε πρακτική γνώση JavaScript δημιουργώντας έργα

Ο καλύτερος τρόπος για να κατακτήσετε οποιαδήποτε γλώσσα προγραμματισμού είναι να δημιουργήσετε έργα. Μπορείτε να χρησιμοποιήσετε τα συνοπτικά κόλπα που περιγράφονται σε αυτό το άρθρο κατά την ανάπτυξη έργων JavaScript. Εάν είστε αρχάριος και αναζητάτε ιδέες για έργα, ξεκινήστε δημιουργώντας ένα απλό έργο, όπως μια εφαρμογή To-Do, μια αριθμομηχανή ιστού ή μια επέκταση προγράμματος περιήγησης.

10 ιδέες έργων JavaScript για αρχάριους

Η JavaScript είναι μια κρίσιμη γλώσσα προγραμματισμού για εκμάθηση. Εάν είστε νέοι σε αυτό, εδώ είναι μερικά έργα που θα σας βοηθήσουν να ενισχύσετε τις γνώσεις σας.

Διαβάστε Επόμενο

Σχετικά με τον Συγγραφέα