11 JavaScript One-Lineriä, jotka sinun pitäisi tietää

JavaScript on yksi suosituimmista ohjelmointikielistä. Sitä käytetään verkkosivustojen, verkkosovellusten, verkkopalvelimien, pelien, mobiilisovellusten ja muiden kehittämiseen.

JavaScriptin syntaksi, erityisesti sen anonyymit ja nuolitoiminnot, mahdollistaa tiiviin koodin. Voit saavuttaa paljon yhdellä koodirivillä.

Tässä artikkelissa opit 11 JavaScript-yksilinjaisesta ohjelmasta, jotka auttavat sinua koodaamaan kuin ammattilainen.

1. Kuinka muuntaa merkkijono snake_case-tiedostosta camelCase-muotoon

Snake_case-merkkijono käyttää alaviivaa erottamaan jokainen sana. Jokainen sana snake_case-merkkijonossa alkaa yleensä pienellä kirjaimella, vaikka muunnelmia on olemassa. CamelCase-merkkijono alkaa pienellä kirjaimella, ja jokainen seuraava sana alkaa isolla kirjaimella. CamelCase-merkkijonossa ei ole välilyöntejä tai välimerkkejä.

Ohjelmointikielet – ja ohjelmoijat – käyttävät erilaisia ​​kotelointimalleja muuttujien ja metodien nimille.

Esimerkkejä snake_case merkkijonoista: hello_world, tämä_on_muuttuja, SCREAMING_SNAKE_CASE

Esimerkkejä camelCase-merkkijonoista: helloWorld, thisIsVariable, makeUseOf

Voit muuntaa snake_case-merkkijonon camelCase-muotoon käyttämällä seuraavaa koodia:

const convertSnakeToCamel = (s) => s.toLowerCase().replace(/(_\w)/g, (w) => w.toUpperCase().substr (1));
anna s1 = "hello_world";
console.log (convertSnakeToCamel (s1));
anna s2 = "käytä_käyttöä";
console.log (convertSnakeToCamel (s2));
anna s3 = "tämä_on_muuttuja";
console.log (convertSnakeToCamel (s3));

Lähtö:

Hei maailma
hyödyntää
tämä on Vaihteleva

2. JavaScript-taulukon sekoittaminen

Taulukon sekoittaminen tarkoittaa sen elementtien satunnaista järjestämistä uudelleen. Voit sekoittaa JavaScript-taulukon käyttämällä seuraavaa koodia:

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

Lähtö:

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

Saat vaihtelevan tuloksen tämän koodin eri ajoissa.

Aiheeseen liittyvä: JavaScript-nuolitoiminnot voivat tehdä sinusta paremman kehittäjän

3. Kuinka löytää taulukon keskiarvo

Keskiarvo on taulukon elementtien summa jaettuna elementtien lukumäärällä. Löydät taulukon keskiarvon JavaScriptissä käyttämällä seuraavaa koodia:

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

Lähtö:

3
33.5
6

Aiheeseen liittyvä: Kuinka löytää taulukon keskiarvo Pythonissa, C++:ssa, JavaScriptissä ja C: ssä

4. Tumman tilan tunnistaminen JavaScriptin avulla

Kun koodi on käynnissä verkkoselaimessa, voit tunnistaa tumman tilan käyttämällä seuraavaa yksilinjaista:

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

Lausunto tulee takaisin totta jos tumma tila on käynnissä, muuten se palaa väärä.

5. Apple-selaimen tunnistaminen JavaScriptin avulla

Voit tarkistaa, onko selain käynnissä Apple-tietokoneessa käyttämällä tätä yksinkertaista säännöllisen lausekkeen vastaavuutta:

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

Lausunto tulee takaisin totta jos selaimesi on käynnissä Apple-laitteella, muussa tapauksessa se palaa väärä.

Aiheeseen liittyvä: JavaScript-taulukkomenetelmät, jotka sinun pitäisi hallita tänään

6. Kuinka tarkistaa, onko ryhmä tyhjä

Taulukko on tyhjä, jos siinä ei ole elementtejä. Voit tarkistaa, onko taulukko tyhjä, käyttämällä seuraavaa koodia:

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

Lähtö:

väärä
totta
väärä

7. Kuinka löytää ainutlaatuisia arvoja taulukosta

Seuraava yksirivinen poistaa toistuvat arvot taulukosta jättäen vain arvot, jotka esiintyvät vain yhden kerran.

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

Lähtö:

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

8. Kuinka luoda satunnainen heksadesimaaliväri

Heksavärit ovat tapa esittää värejä heksadesimaaliarvojen avulla. Ne noudattavat muotoa #RRGGBB, missä RR on punainen, GG on vihreä ja BB on sininen. Heksadesimaalivärien arvot ovat alueella 00 - FF, jotka määrittelevät komponentin intensiteetin. Voit luoda satunnaisia ​​hex-värejä käyttämällä seuraavaa JavaScript-koodia:

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

Lähtö:

#ff7ea1

Joka kerta kun suoritat koodin, saat satunnaisen hex-värin.

9. Kuinka muuntaa asteet radiaaneiksi ja päinvastoin

Asteet ja radiaanit edustavat kulman mittaa geometriassa. Voit helposti muuntaa kulman radiaaneina asteina ja päinvastoin käyttämällä seuraavia matemaattisia kaavoja:

Radiaani = astetta × π/180
Asteet = radiaanit × 180/π

Muunna asteet radiaaneiksi

Voit muuntaa kulman asteina radiaaneiksi käyttämällä seuraavaa koodia:

const astettaToRadiaanit = (deg) => (deg * Math. PI) / 180,0;
anna temp1 = 360;
console.log (degreesToRadians (temp1));
anna temp2 = 180;
console.log (degreesToRadians (temp2));
anna temp3 = 120;
console.log (degreesToRadians (temp3));

Lähtö:

6.283185307179586
3.141592653589793
2.0943951023931953

Muunna radiaanit asteiksi

Voit muuntaa kulman radiaaneina asteina käyttämällä seuraavaa koodia:

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

Lähtö:

360
180
119.99999999999999

10. Kuinka tarkistaa, toimiiko koodi selaimessa

Voit tarkistaa, onko koodisi käynnissä selaimessa seuraavasti:

const isRunningInBrowser = ikkunan tyyppi 'objekti' && asiakirjan tyyppi 'objekti';
console.log (isRunningInBrowser);

Yllä oleva koodi tulostuu selaimessa totta. Ajettaessa komentorivitulkin kautta, se tulostaa väärä.

11. Kuinka luoda satunnainen UUID

UUID on lyhenne sanoista Universally Unique Identifier. Se on 128-bittinen arvo, jota käytetään yksilöimään objektin tai kokonaisuuden Internetissä. Luo satunnainen UUID käyttämällä seuraavaa koodia:

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

Lähtö:

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

Joka kerta kun suoritat koodin, se luo satunnaisen UUID: n.

Jos haluat tarkastella tässä artikkelissa käytettyä koko lähdekoodia, tässä on GitHub-arkisto.

Hanki käytännönläheistä JavaScript-tietoa rakentamalla projekteja

Paras tapa hallita mikä tahansa ohjelmointikieli on rakentaa projekteja. Voit käyttää tässä artikkelissa kuvattuja lyhyitä temppuja kehittäessäsi JavaScript-projekteja. Jos olet aloittelija ja etsit projekti-ideoita, aloita rakentamalla yksinkertainen projekti, kuten To-Do-sovellus, verkkolaskin tai selainlaajennus.

10 JavaScript-projektiideaa aloittelijoille

JavaScript on tärkeä ohjelmointikieli opittavaksi. Jos olet uusi, tässä on joitain projekteja, jotka auttavat sinua parantamaan tietämystäsi.

Lue Seuraava

Kirjailijasta