11 „JavaScript One-Liners“, kuriuos turėtumėte žinoti

JavaScript yra viena iš populiariausių programavimo kalbų. Jis naudojamas kuriant svetaines, žiniatinklio programas, žiniatinklio serverius, žaidimus, programas mobiliesiems ir kt.

„JavaScript“ sintaksė, ypač anoniminės ir rodyklės funkcijos, leidžia naudoti glaustą kodą. Galite daug pasiekti naudodami vieną kodo eilutę.

Šiame straipsnyje sužinosite apie 11 „JavaScript“ vienos eilutės įvedimų, kurie padės koduoti kaip profesionalai.

1. Kaip konvertuoti eilutę iš „snake_case“ į „camelCase“.

Snake_case eilutėje naudojamas apatinis brūkšnis kiekvienam žodžiui atskirti. Kiekvienas žodis snake_case eilutėje paprastai prasideda mažąja raide, nors yra variantų. CamelCase eilutė prasideda mažąja raide, kiekvienas kitas žodis prasideda didžiąja raide. CamelCase eilutėje nėra tarpų ar skyrybos ženklų.

Programavimo kalbos ir programuotojai naudoja skirtingas kintamųjų ir metodų pavadinimų korpusų schemas.

Snake_case eilučių pavyzdžiai: hello_world, tai_yra_kintamasis, SCREAMING_SNAKE_CASE

CamelCase eilučių pavyzdžiai: helloWorld, thisIsVariable, makeUseOf

Galite konvertuoti snake_case eilutę į camelCase naudodami šį kodą:

const convertSnakeToCamel = (s) => s.toLowerCase().replace(/(_\w)/g, (w) => w.toUpperCase().substr (1));
tegul s1 = "labas_pasaulis";
console.log (convertSnakeToCamel (s1));
tegul s2 = "naudoti_naudoti";
console.log (convertSnakeToCamel (s2));
tegul s3 = "tai_yra_kintamasis";
console.log (convertSnakeToCamel (s3));

Išvestis:

Labas pasauli
pasinaudoti
tai yra kintama

2. Kaip maišyti „JavaScript“ masyvą

Masyvo maišymas reiškia atsitiktinį jo elementų pertvarkymą. Galite maišyti „JavaScript“ masyvą naudodami šį kodą:

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

Išvestis:

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

Atskirose šio kodo eigose gausite skirtingą išvestį.

Susijęs: „JavaScript“ rodyklės funkcijos gali padaryti jus geresniu kūrėju

3. Kaip rasti masyvo vidurkį

Vidutinis vidurkis yra masyvo elementų suma, padalyta iš elementų skaičiaus. Masyvo vidurkį galite rasti „JavaScript“ naudodami šį kodą:

const apskaičiuotiVidutinis = (arr) => arr.reduce((a, b) => a + b, 0) / arr.length;
tegul arr1 = [1, 2, 3, 4, 5];
console.log (calculateAverage (arr1));
tegul arr2 = [12, 34, 45, 43];
console.log (calculateAverage (arr2));
tegul arr3 = [2, 4, 6, 8, 10];
console.log (calculateAverage (arr3));

Išvestis:

3
33.5
6

Susijęs: Kaip rasti masyvo vidurkį Python, C++, JavaScript ir C

4. Kaip aptikti tamsųjį režimą naudojant „JavaScript“.

Kai kodas paleistas žiniatinklio naršyklėje, galite aptikti tamsųjį režimą naudodami toliau pateiktą vieną liniją:

const darkMode = window.matchMedia && window.matchMedia('(renkasi spalvų schemą: tamsiai)').matches;
console.log (darkMode);

Pareiškimas grįš tiesa jei veikia tamsusis režimas, kitu atveju jis grįš klaidinga.

5. Kaip aptikti „Apple“ naršyklę naudojant „JavaScript“.

Galite patikrinti, ar naršyklė veikia Apple kompiuteryje, naudodami šią paprastą reguliariojo posakio atitiktį:

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

Pareiškimas grįš tiesa jei naršyklė veikia Apple įrenginyje, priešingu atveju ji grįš klaidinga.

Susijęs: „JavaScript“ masyvo metodai, kuriuos turėtumėte išmokti šiandien

6. Kaip patikrinti, ar masyvas tuščias

Masyvas yra tuščias, jei jame nėra elementų. Galite patikrinti, ar masyvas tuščias, naudodami šį kodą:

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

Išvestis:

klaidinga
tiesa
klaidinga

7. Kaip masyve rasti unikalių verčių

Šis vienos eilutės eilutė pašalina pasikartojančias reikšmes iš masyvo, paliekant tik tas vertes, kurios atsiranda tik vieną kartą.

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

Išvestis:

[ 4, 5 ]
[ „W“, „L“, „C“, „T“, „U“]
[ 4, 2 ]

8. Kaip sukurti atsitiktinę šešioliktainę spalvą

Šešioliktainės spalvos – tai spalvų atvaizdavimo būdas naudojant šešioliktaines reikšmes. Jie laikosi formato #RRGBBB, kur RR yra raudona, GG yra žalias ir BB yra mėlyna. Šešioliktainių spalvų reikšmės yra nuo 00 iki FF, kurios nurodo komponento intensyvumą. Galite sugeneruoti atsitiktines šešioliktaines spalvas naudodami šį JavaScript kodą:

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

Išvestis:

#ff7ea1

Kiekvieną kartą, kai paleisite kodą, gausite atsitiktinę šešioliktainę spalvą.

9. Kaip konvertuoti laipsnius į radianus ir atvirkščiai

Laipsniai ir radianai reiškia kampo matą geometrijoje. Galite lengvai konvertuoti kampą radianais į laipsnius ir atvirkščiai, naudodami šias matematines formules:

Radianai = laipsniai × π/180
Laipsniai = radianai × 180/π

Konvertuoti laipsnius į radianus

Kampą laipsniais galite konvertuoti į radianus naudodami šį kodą:

const laipsniaiToRadians = (deg) => (deg * Mat. PI) / 180,0;
tegul temp1 = 360;
console.log (degreesToRadians (temp1));
tegul temp2 = 180;
console.log (degreesToRadians (temp2));
tegul temp3 = 120;
console.log (degreesToRadians (temp3));

Išvestis:

6.283185307179586
3.141592653589793
2.0943951023931953

Konvertuoti radianus į laipsnius

Kampą radianais galite konvertuoti į laipsnius naudodami šį kodą:

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

Išvestis:

360
180
119.99999999999999

10. Kaip patikrinti, ar kodas veikia naršyklėje

Galite patikrinti, ar jūsų kodas veikia naršyklėje, naudodami šiuos veiksmus:

const isRunningInBrowser = lango tipas 'objektas' && dokumento tipas 'objektas';
console.log (isRunningInBrowser);

Aukščiau pateiktas kodas, veikiantis naršyklėje, bus išspausdintas tiesa. Vykdant per komandinės eilutės vertėją, jis bus spausdinamas klaidinga.

11. Kaip sugeneruoti atsitiktinį UUID

UUID reiškia universaliai unikalų identifikatorių. Tai 128 bitų vertė, naudojama unikaliai identifikuoti objektą ar subjektą internete. Norėdami sugeneruoti atsitiktinį UUID, naudokite šį kodą:

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

Išvestis:

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

Kiekvieną kartą, kai paleidžiate kodą, jis sugeneruoja atsitiktinį UUID.

Jei norite peržiūrėti visą šiame straipsnyje naudojamą šaltinio kodą, štai GitHub saugykla.

Gaukite praktinių „JavaScript“ žinių kurdami projektus

Geriausias būdas išmokti bet kokią programavimo kalbą yra kurti projektus. Kurdami „JavaScript“ projektus, galite naudoti šiame straipsnyje aprašytas trumpąsias gudrybes. Jei esate pradedantysis ir ieškote projekto idėjų, pradėkite kurdami paprastą projektą, pvz., „To-Do“ programą, žiniatinklio skaičiuotuvą ar naršyklės plėtinį.

10 „JavaScript“ projekto idėjų pradedantiesiems

JavaScript yra labai svarbi programavimo kalba, kurią reikia išmokti. Jei tai naujokas, čia yra keletas projektų, padėsiančių patobulinti savo žinias.

Skaitykite toliau

Apie autorių