11 JavaScript egysoros, amit tudnia kell

A JavaScript az egyik legnépszerűbb programozási nyelv. Weboldalak, webes alkalmazások, webszerverek, játékok, mobilalkalmazások és egyebek fejlesztésére használják.

A JavaScript szintaxisa, különösen az anonim és a nyíl funkciói, tömör kódot tesz lehetővé. Egyetlen kódsorral sok mindent elérhet.

Ebből a cikkből megtudhat 11 JavaScript egysorost, amelyek segítségével profi módon kódolhat.

1. Hogyan alakíthatunk át egy karakterláncot snake_case-ből camelCase-be

A snake_case karakterlánc az aláhúzás karaktert használja az egyes szavak elválasztására. A snake_case karakterlánc minden szava általában kisbetűvel kezdődik, bár léteznek változatai. A camelCase karakterlánc kisbetűvel kezdődik, minden következő szó nagybetűvel kezdődik. A camelCase karakterláncban nincsenek közbeeső szóközök vagy írásjelek.

A programozási nyelvek és a programozók különböző kis- és nagybetűsémákat használnak a változó- és metódusnevekhez.

Példák a snake_case karakterláncokra: hello_world, ez_egy_változó, SCREAMING_SNAKE_CASE

Példák camelCase karakterláncokra: helloWorld, thisIsVariable, makeUseOf

A snake_case karakterláncot camelCase-re konvertálhatja a következő kóddal:

const convertSnakeToCamel = (s) => s.toLowerCase().replace(/(_\w)/g, (w) => w.toUpperCase().substr (1));
legyen s1 = "hello_world";
console.log (convertSnakeToCamel (s1));
legyen s2 = "használat_használata";
console.log (convertSnakeToCamel (s2));
legyen s3 = "ez_egy_változó";
console.log (convertSnakeToCamel (s3));

Kimenet:

Helló Világ
kihasználni
ezVálható

2. Hogyan keverjük össze a JavaScript-tömböt

Egy tömb keverése az elemeinek véletlenszerű átrendezését jelenti. A JavaScript tömböt a következő kóddal keverheti össze:

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

Kimenet:

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

A kód különböző futtatásai során eltérő kimenetet kap.

Összefüggő: A JavaScript nyíl funkciói jobb fejlesztővé tehetik Önt

3. Hogyan találjuk meg egy tömb átlagát

Az átlagos átlag a tömb elemeinek összege osztva az elemek számával. Egy tömb átlagát a következő kóddal találhatja meg a JavaScriptben:

const számítaniÁtlag = (arr) => arr.reduce((a, b) => a + b, 0) / arr.length;
legyen arr1 = [1, 2, 3, 4, 5];
console.log (calculateAverage (arr1));
legyen arr2 = [12, 34, 45, 43];
console.log (calculateAverage (arr2));
legyen arr3 = [2, 4, 6, 8, 10];
console.log (calculateAverage (arr3));

Kimenet:

3
33.5
6

Összefüggő: Hogyan találjuk meg a tömb középértékét Pythonban, C++-ban, JavaScriptben és C-ben

4. Hogyan lehet felismerni a sötét módot JavaScript használatával

A webböngészőben futó kóddal a sötét módot a következő egysoros segítségével észlelheti:

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

A nyilatkozat vissza fog térni igaz ha sötét mód fut, ellenkező esetben visszatér hamis.

5. Hogyan lehet felismerni egy Apple böngészőt JavaScript használatával

Ezzel az egyszerű reguláris kifejezés-egyezéssel ellenőrizheti, hogy a böngésző fut-e egy Apple számítógépen:

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

A nyilatkozat vissza fog térni igaz ha a böngészője Apple-eszközön fut, ellenkező esetben vissza fog térni hamis.

Összefüggő: JavaScript-tömb módszerek, amelyeket ma el kell sajátítania

6. Hogyan ellenőrizhető, hogy egy tömb üres-e

Egy tömb üres, ha nincsenek benne elemek. A következő kóddal ellenőrizheti, hogy egy tömb üres-e:

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

Kimenet:

hamis
igaz
hamis

7. Hogyan találhatunk egyedi értékeket egy tömbben

A következő egysoros eltávolítja az ismétlődő értékeket egy tömbből, és csak azokat az értékeket hagyja meg, amelyek csak egyszer fordulnak elő.

const findUniquesInArray = (arr) => arr.filter((i) => arr.indexOf (i) arr.lastIndexOf (i));
legyen 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));
legyen arr3 = [5, 5, 5, 3, 3, 4, 5, 8, 2, 8];
console.log (findUniquesInArray (arr3));

Kimenet:

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

8. Hogyan generáljunk véletlenszerű hexadecimális színt

A hexadecimális színek a színek hexadecimális értékekkel történő megjelenítésének egyik módja. Követik a formátumot #RRGGBB, ahol RR piros, GG zöld, és BB kék. A hexadecimális színek értéke 00 és FF között van, ami a komponens intenzitását adja meg. Véletlen hexadecimális színeket generálhat a következő JavaScript kóddal:

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

Kimenet:

#ff7ea1

Minden alkalommal, amikor futtatja a kódot, véletlenszerű hexadecimális színt kap.

9. Hogyan konvertálhat fokokat radiánra és fordítva

A fokok és a radiánok egy szög mértékét jelentik a geometriában. Könnyedén konvertálhat radiánban megadott szöget fokokká, és fordítva, a következő matematikai képletekkel:

Radián = fok × π/180
Fok = Radián × 180/π

Fokokat radiánra konvertálni

A szöget fokban radiánra konvertálhatja a következő kóddal:

const fokToRadián = (deg) => (deg * Math. PI) / 180,0;
legyen temp1 = 360;
console.log (degreesToRadians (temp1));
legyen temp2 = 180;
console.log (degreesToRadians (temp2));
legyen temp3 = 120;
console.log (degreesToRadians (temp3));

Kimenet:

6.283185307179586
3.141592653589793
2.0943951023931953

Konvertálja át a radiánokat fokokra

A radiánban megadott szöget átválthatja fokokra a következő kóddal:

const radiansToDegrees = (rad) => (rad * 180) / Math. PI;
legyen temp1 = 6,283185307179586;
console.log (radiansToDegrees (temp1));
legyen temp2 = 3,141592653589793;
console.log (radiansToDegrees (temp2));
legyen temp3 = 2,0943951023931953;
console.log (radiansToDegrees (temp3));

Kimenet:

360
180
119.99999999999999

10. Hogyan ellenőrizhető, hogy a kód fut-e a böngészőben

Az alábbiak segítségével ellenőrizheti, hogy a kód fut-e a böngészőben:

const isRunningInBrowser = ablak típusa 'objektum' && dokumentum típusa 'objektum';
console.log (isRunningInBrowser);

A fenti, böngészőben futó kód kinyomtatásra kerül igaz. Parancssori értelmezőn keresztül futtatva kinyomtatja hamis.

11. Hogyan lehet véletlenszerű UUID-t generálni

Az UUID a Universally Unique Identifier rövidítése. Ez egy 128 bites érték, amely egy objektum vagy entitás egyedi azonosítására szolgál az interneten. Használja a következő kódot egy véletlenszerű UUID létrehozásához:

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

Kimenet:

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

A kód minden egyes futtatásakor véletlenszerű UUID-t generál.

Ha meg szeretné tekinteni a cikkben használt teljes forráskódot, itt található a GitHub adattár.

Szerezzen gyakorlati JavaScript ismereteket projektek építésével

Bármely programozási nyelv elsajátításának legjobb módja a projektek létrehozása. JavaScript-projektek fejlesztése során használhatja a cikkben leírt rövid trükköket. Ha kezdő vagy, és projektötleteket keresel, kezdje el egy egyszerű projekt, például egy To-Do alkalmazás, webes számológép vagy böngészőbővítmény felépítésével.

10 JavaScript projektötlet kezdőknek

A JavaScript kulcsfontosságú programozási nyelv, amelyet el kell tanulni. Ha még nem ismeri, itt van néhány projekt, amelyek segítenek tudásának bővítésében.

Olvassa el a következőt

A szerzőről