11 JavaScript One Liners שכדאי להכיר

JavaScript היא אחת משפות התכנות הפופולריות ביותר. הוא משמש לפיתוח אתרים, יישומי אינטרנט, שרתי אינטרנט, משחקים, אפליקציות לנייד ועוד.

התחביר של JavaScript, במיוחד פונקציות האנונימיות והחצים שלו, מאפשר קוד תמציתי. אתה יכול להשיג הרבה רק עם שורת קוד אחת.

במאמר זה תלמדו על 11 JavaScript one-liners שיעזרו לכם לקוד כמו מקצוענים.

1. כיצד להמיר מחרוזת מ-snake_case ל-camelCase

מחרוזת ב-snake_case משתמשת בתו הקו התחתון כדי להפריד כל מילה. כל מילה במחרוזת נחש_אותיות מתחילה בדרך כלל באות קטנה, אם כי קיימות גרסאות. מחרוזת camelCase מתחילה באות קטנה, כל מילה הבאה מתחילה באות גדולה. אין רווחים או סימני פיסוק במחרוזת camelCase.

שפות תכנות - ומתכנתים - משתמשים בסכימות שונות של רישומים עבור שמות משתנים ושיטות.

דוגמאות למחרוזות_case_snake: 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));





instagram viewer


let s1 = "hello_world";
console.log (convertSnakeToCamel (s1));
let s2 = "make_use_of";
console.log (convertSnakeToCamel (s2));
let s3 = "זה_זה_משתנה";
console.log (convertSnakeToCamel (s3));

תְפוּקָה:

שלום עולם
לעשות שימוש ב
thisIsAVarable

2. כיצד לערבב מערך JavaScript

ערבוב של מערך פירושו סידור מחדש אקראי של האלמנטים שלו. אתה יכול לערבב מערך JavaScript באמצעות הקוד הבא:

const shuffleArray = (arr) => arr.sort(() => 0.5 - Math.random());
תן arr1 = [1, 2, 3, 4, 5];
console.log (shuffleArray (arr1));
let arr2 = [12, 34, 45, 43];
console.log (shuffleArray (arr2));
let 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 calculateAverage = (arr) => arr.reduce((a, b) => a + b, 0) / arr.length;
תן arr1 = [1, 2, 3, 4, 5];
console.log (calculateAverage (arr1));
let arr2 = [12, 34, 45, 43];
console.log (calculateAverage (arr2));
let arr3 = [2, 4, 6, 8, 10];
console.log (calculateAverage (arr3));

תְפוּקָה:

3
33.5
6

קָשׁוּר: כיצד למצוא את הממוצע של מערך ב-Python, C++, JavaScript ו-C

4. כיצד לזהות מצב כהה באמצעות JavaScript

כאשר קוד פועל בדפדפן אינטרנט, אתה יכול לזהות מצב כהה באמצעות ה-one-liner הבא:

const darkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
console.log (DarkMode);

ההצהרה תחזור נָכוֹן אם מצב כהה פועל, אחרת, הוא יחזור שֶׁקֶר.

5. כיצד לזהות דפדפן אפל באמצעות JavaScript

אתה יכול לבדוק אם הדפדפן פועל על מחשב אפל באמצעות התאמת הביטוי הרגולרי הפשוטה הזו:

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

ההצהרה תחזור נָכוֹן אם הדפדפן שלך פועל על מכשיר Apple, אחרת, הוא יחזור שֶׁקֶר.

קָשׁוּר: שיטות מערך JavaScript שכדאי לשלוט בהן היום

6. כיצד לבדוק אם מערך ריק

מערך ריק אם אין בו אלמנטים. אתה יכול לבדוק אם מערך ריק באמצעות הקוד הבא:

const checkEmptyArray = (arr) => !Array.isArray (arr) || arr.length 0;
תן arr1 = [1, 2, 3, 4, 5];
console.log (checkEmptyArray (arr1));
תן arr2 = [];
console.log (checkEmptyArray (arr2));
let arr3 = [""];
console.log (checkEmptyArray (arr3));

תְפוּקָה:

שֶׁקֶר
נָכוֹן
שֶׁקֶר

7. כיצד למצוא ערכים ייחודיים במערך

ה-one-liner הבא מסיר ערכים חוזרים ממערך, ומשאיר רק ערכים המתרחשים פעם אחת בלבד.

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));
let 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. כיצד להמיר מעלות לרדיאנים ולהיפך

מעלות ורדיאנים מייצגים את המידה של זווית בגיאומטריה. אתה יכול בקלות להמיר זווית ברדיאנים למעלות, ולהיפך, באמצעות הנוסחאות המתמטיות הבאות:

רדיאנים = מעלות × π/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

המר רדיאנים למעלות

ניתן להמיר זווית ברדיאנים למעלות באמצעות הקוד הבא:

const radiansToDegrees = (רד) => (רד * 180) / מתמטיקה. פאי;
let temp1 = 6.283185307179586;
console.log (radiansToDegrees (temp1));
let temp2 = 3.141592653589793;
console.log (radiansToDegrees (temp2));
let temp3 = 2.0943951023931953;
console.log (radiansToDegrees (temp3));

תְפוּקָה:

360
180
119.99999999999999

10. כיצד לבדוק אם הקוד פועל בדפדפן

אתה יכול לבדוק אם הקוד שלך פועל בדפדפן באמצעות הדברים הבאים:

const isRunningInBrowser = סוג החלון 'אובייקט' && סוג המסמך 'אובייקט';
console.log (isRunningInBrowser);

הקוד לעיל, הפועל בדפדפן, יודפס נָכוֹן. פועל באמצעות מתורגמן שורת פקודה, הוא ידפיס שֶׁקֶר.

11. כיצד ליצור UUID אקראי

UUID ראשי תיבות של Universally Unique Identifier. זהו ערך של 128 סיביות המשמש לזיהוי ייחודי של אובייקט או ישות באינטרנט. השתמש בקוד הבא כדי ליצור UUID אקראי:

const generRandomUUID = (א) => (א? (a ^ ((Math.random() * 16) >> (a / 4))).toString (16): ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[ 018]/g, generRandomUUID));
console.log (generateRandomUUID());

תְפוּקָה:

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

בכל פעם שאתה מפעיל את הקוד, הוא מייצר UUID אקראי.

אם אתה רוצה לעיין בקוד המקור המלא המשמש במאמר זה, הנה מאגר GitHub.

קבל ידע מעשי ב-JavaScript על ידי בניית פרויקטים

הדרך הטובה ביותר לשלוט בכל שפת תכנות היא על ידי בניית פרויקטים. אתה יכול להשתמש בטריקים הקצרים המתוארים במאמר זה בזמן פיתוח פרויקטי JavaScript. אם אתה מתחיל ומחפש כמה רעיונות לפרויקטים, התחל בבניית פרויקט פשוט כמו אפליקציית מטלות, מחשבון אינטרנט או הרחבת דפדפן.

10 רעיונות לפרויקט JavaScript למתחילים

JavaScript היא שפת תכנות חיונית ללמידה. אם אתה חדש בזה, הנה כמה פרויקטים שיעזרו לך להגביר את הידע שלך.

קרא הבא

על הסופר