11 JavaScript One-Liners, kas jums jāzina

JavaScript ir viena no populārākajām programmēšanas valodām. To izmanto, lai izstrādātu vietnes, tīmekļa lietojumprogrammas, tīmekļa serverus, spēles, mobilās lietotnes un daudz ko citu.

JavaScript sintakse, jo īpaši tās anonīmās un bultiņu funkcijas, ļauj izmantot kodolīgu kodu. Ar vienu koda rindiņu jūs varat sasniegt daudz.

Šajā rakstā jūs uzzināsit par 11 JavaScript vienrindiņām, kas palīdzēs jums kodēt kā profesionālim.

1. Kā pārvērst virkni no snake_case uz camelCase

Virknē snake_case tiek izmantota pasvītra rakstzīme, lai atdalītu katru vārdu. Katrs vārds virknē snake_case parasti sākas ar mazo burtu, lai gan pastāv varianti. CamelCase virkne sākas ar mazo burtu, katrs nākamais vārds sākas ar lielo burtu. CamelCase virknē nav atstarpju vai pieturzīmju.

Programmēšanas valodas un programmētāji mainīgo un metožu nosaukumiem izmanto dažādas korpusa shēmas.

Snake_case virkņu piemēri: hello_world, šis_ir_mainīgs, SCREAMING_SNAKE_CASE

CamelCase virkņu piemēri: helloWorld, thisIsVariable, makeUseOf

Snake_case virkni var pārvērst par camelCase, izmantojot šādu kodu:

const convertSnakeToCamel = (s) => s.toLowerCase().replace(/(_\w)/g, (w) => w.toUpperCase().substr (1));
let s1 = "sveika_pasaule";
console.log (convertSnakeToCamel (s1));
let s2 = "make_use_of";
console.log (convertSnakeToCamel (s2));
let s3 = "šis_ir_mainīgais";
console.log (convertSnakeToCamel (s3));

Izvade:

Sveika pasaule
izmantot
tasIr mainīgs

2. Kā jaukt JavaScript masīvu

Masīva jaukšana nozīmē nejaušu tā elementu pārkārtošanu. Varat jaukt JavaScript masīvu, izmantojot šādu kodu:

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

Izvade:

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

Atsevišķos šī koda palaijumos jūs iegūsit atšķirīgu izvadi.

Saistīts: JavaScript bultiņu funkcijas var padarīt jūs par labāku izstrādātāju

3. Kā atrast masīva vidējo vērtību

Vidējais vidējais ir masīva elementu summa, dalīta ar elementu skaitu. Masīva vidējo vērtību var atrast JavaScript, izmantojot šādu kodu:

const aprēķinātAverage = (arr) => arr.reduce((a, b) => a + b, 0) / arr.length;
pieņemsim arr1 = [1, 2, 3, 4, 5];
console.log (calculateAverage (arr1));
let arr2 = [12, 34, 45, 43];
console.log (calculateAverage (arr2));
pieņemsim arr3 = [2, 4, 6, 8, 10];
console.log (calculateAverage (arr3));

Izvade:

3
33.5
6

Saistīts: Kā atrast masīva vidējo vērtību Python, C++, JavaScript un C

4. Kā noteikt tumšo režīmu, izmantojot JavaScript

Ja kods darbojas tīmekļa pārlūkprogrammā, varat noteikt tumšo režīmu, izmantojot tālāk norādīto vienlīniju.

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

Paziņojums atgriezīsies taisnība ja darbojas tumšais režīms, pretējā gadījumā tas atgriezīsies viltus.

5. Kā noteikt Apple pārlūkprogrammu, izmantojot JavaScript

Varat pārbaudīt, vai pārlūkprogramma darbojas Apple datorā, izmantojot šo vienkāršo regulārās izteiksmes atbilstību:

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

Paziņojums atgriezīsies taisnība ja jūsu pārlūkprogramma darbojas Apple ierīcē, pretējā gadījumā tā atgriezīsies viltus.

Saistīts: JavaScript masīva metodes, kuras jums vajadzētu apgūt jau šodien

6. Kā pārbaudīt, vai masīvs ir tukšs

Masīvs ir tukšs, ja tajā nav elementu. Varat pārbaudīt, vai masīvs ir tukšs, izmantojot šādu kodu:

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

Izvade:

viltus
taisnība
viltus

7. Kā masīvā atrast unikālas vērtības

Tālāk sniegtā vienlīnija noņem no masīva atkārtotas vērtības, atstājot tikai tās vērtības, kas rodas tikai vienu reizi.

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

Izvade:

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

8. Kā ģenerēt nejaušu sešstūra krāsu

Hex krāsas ir veids, kā attēlot krāsas, izmantojot heksadecimālās vērtības. Viņi ievēro formātu #RRGBBB, kur RR ir sarkans, GG ir zaļš, un BB ir zils. Heksadecimālo krāsu vērtības ir diapazonā no 00 līdz FF, kas norāda komponenta intensitāti. Varat ģenerēt nejaušas hex krāsas, izmantojot šādu JavaScript kodu:

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

Izvade:

#ff7ea1

Katru reizi, kad palaižat kodu, jūs iegūsit nejaušu hex krāsu.

9. Kā pārvērst grādus radiānos un otrādi

Grādi un radiāni apzīmē leņķa mēru ģeometrijā. Varat viegli pārvērst leņķi radiānos grādos un otrādi, izmantojot šādas matemātiskās formulas:

Radiāni = grādi × π/180
Grādi = radiāni × 180/π

Pārvērst grādus radiānos

Varat pārvērst leņķi grādos radiānos, izmantojot šādu kodu:

const grādiToRadiāni = (grādi) => (deg * Matem. PI) / 180,0;
lai temp1 = 360;
console.log (degreesToRadians (temp1));
lai temp2 = 180;
console.log (degreesToRadians (temp2));
lai temp3 = 120;
console.log (degreesToRadians (temp3));

Izvade:

6.283185307179586
3.141592653589793
2.0943951023931953

Konvertējiet radiānus grādos

Varat pārvērst leņķi radiānos grādos, izmantojot šādu kodu:

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

Izvade:

360
180
119.99999999999999

10. Kā pārbaudīt, vai kods darbojas pārlūkprogrammā

Varat pārbaudīt, vai jūsu kods darbojas pārlūkprogrammā, izmantojot tālāk norādītās darbības.

const isRunningInBrowser = loga veids 'objekts' && dokumenta veids 'objekts';
console.log (isRunningInBrowser);

Iepriekš minētais kods, kas darbojas pārlūkprogrammā, tiks izdrukāts taisnība. Darbojoties, izmantojot komandrindas tulku, tas tiks drukāts viltus.

11. Kā ģenerēt nejaušu UUID

UUID ir universāli unikālais identifikators. Tā ir 128 bitu vērtība, ko izmanto, lai unikāli identificētu objektu vai entītiju internetā. Izmantojiet šo kodu, lai ģenerētu nejaušu UUID:

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

Izvade:

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

Katru reizi, kad palaižat kodu, tas ģenerē nejaušu UUID.

Ja vēlaties apskatīt visu šajā rakstā izmantoto avota kodu, šeit ir norādīts GitHub repozitorijs.

Iegūstiet praktiskas JavaScript zināšanas, veidojot projektus

Labākais veids, kā apgūt jebkuru programmēšanas valodu, ir projektu veidošana. Izstrādājot JavaScript projektus, varat izmantot šajā rakstā aprakstītos saīsinātos trikus. Ja esat iesācējs un meklējat projektu idejas, sāciet ar vienkārša projekta izveidi, piemēram, lietotni To-Do, tīmekļa kalkulatoru vai pārlūkprogrammas paplašinājumu.

10 JavaScript projektu idejas iesācējiem

JavaScript ir ļoti svarīga programmēšanas valoda, kas jāapgūst. Ja esat iesācējs, šeit ir daži projekti, kas palīdzēs uzlabot savas zināšanas.

Lasiet Tālāk

Par autoru