11 tekstów o JavaScript, które powinieneś znać

JavaScript to jeden z najpopularniejszych języków programowania. Służy do tworzenia witryn internetowych, aplikacji internetowych, serwerów internetowych, gier, aplikacji mobilnych i nie tylko.

Składnia JavaScript, w szczególności funkcje anonimowe i strzałkowe, pozwala na zwięzły kod. Możesz wiele osiągnąć za pomocą jednej linijki kodu.

W tym artykule dowiesz się o 11 tekstach JavaScript, które pomogą Ci kodować jak profesjonalista.

1. Jak przekonwertować ciąg z snake_case na camelCase?

Łańcuch w snake_case używa znaku podkreślenia do oddzielenia każdego słowa. Każde słowo w ciągu snake_case zwykle zaczyna się od małej litery, chociaż istnieją warianty. Ciąg znaków camelCase zaczyna się od małej litery, a każde następne słowo zaczyna się od dużej litery. W ciągu camelCase nie ma spacji ani znaków interpunkcyjnych.

Języki programowania — i programiści — używają różnych schematów wielkości liter dla nazw zmiennych i metod.

Przykłady stringów snake_case: hello_world, to_jest_zmienna, SREAMING_SNAKE_CASE

Przykłady ciągów camelCase: helloWorld, ta jest zmienna, makeUseOf

Możesz przekonwertować ciąg snake_case na camelCase, używając następującego kodu:

const convertSnakeToCamel = (s) => s.toLowerCase().replace(/(_\w)/g, (w) => w.toUpperCase().substr (1));
niech s1 = "hello_world";
console.log (convertSnakeToCamel (s1));
niech s2 = "make_use_of";
console.log (convertSnakeToCamel (s2));
niech s3 = "ta_jest_zmienna";
console.log (convertSnakeToCamel (s3));

Wyjście:

Witaj świecie
zrobić użytek z
to JEST ZMIENNE

2. Jak przetasować tablicę JavaScript

Tasowanie tablicy oznacza losowe przestawianie jej elementów. Możesz przetasować tablicę JavaScript za pomocą następującego kodu:

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

Wyjście:

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

Otrzymasz różne dane wyjściowe w osobnych uruchomieniach tego kodu.

Związane z: Funkcje strzałek JavaScript mogą uczynić Cię lepszym programistą

3. Jak znaleźć średnią tablicy

Średnia średnia to suma elementów tablicy podzielona przez liczbę elementów. Możesz znaleźć średnią tablicy w JavaScript za pomocą następującego kodu:

const obliczAverage = (arr) => arr.reduce((a, b) => a + b, 0) / arr.length;
niech arr1 = [1, 2, 3, 4, 5];
console.log (oblicz średnią (arr1));
niech arr2 = [12, 34, 45, 43];
console.log (oblicz średnią (arr2));
niech arr3 = [2, 4, 6, 8, 10];
console.log (oblicz średnią (arr3));

Wyjście:

3
33.5
6

Związane z: Jak znaleźć średnią tablicy w Pythonie, C++, JavaScript i C

4. Jak wykryć tryb ciemny za pomocą JavaScript

Gdy kod działa w przeglądarce internetowej, możesz wykryć tryb ciemny za pomocą następującego jednowierszowego:

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

Oświadczenie wróci prawda jeśli tryb ciemny jest uruchomiony, w przeciwnym razie wróci fałszywe.

5. Jak wykryć przeglądarkę Apple za pomocą JavaScript

Możesz sprawdzić, czy przeglądarka działa na komputerze Apple, używając prostego dopasowania wyrażenia regularnego:

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

Oświadczenie wróci prawda jeśli Twoja przeglądarka działa na urządzeniu Apple, w przeciwnym razie wróci fałszywe.

Związane z: Metody tablic JavaScript, które powinieneś opanować dzisiaj

6. Jak sprawdzić, czy tablica jest pusta?

Tablica jest pusta, jeśli nie ma w niej żadnych elementów. Możesz sprawdzić, czy tablica jest pusta, używając następującego kodu:

const checkEmptyArray = (arr) => !Array.isArray (arr) || arr.długość 0;
niech arr1 = [1, 2, 3, 4, 5];
console.log (checkEmptyArray (arr1));
niech arr2 = [];
console.log (checkEmptyArray (arr2));
niech arr3 = [""];
console.log (checkEmptyArray (arr3));

Wyjście:

fałszywe
prawda
fałszywe

7. Jak znaleźć unikalne wartości w tablicy

Poniższy jeden wiersz usuwa powtarzające się wartości z tablicy, pozostawiając tylko wartości, które występują tylko raz.

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

Wyjście:

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

8. Jak wygenerować losowy kolor szesnastkowy

Kolory szesnastkowe to sposób przedstawiania kolorów za pomocą wartości szesnastkowych. Podążają za formatem #RRGGBB, gdzie RR jest czerwony, GG jest zielony i nocleg ze śniadaniem jest niebieski. Wartości kolorów szesnastkowych mieszczą się w zakresie od 00 do FF, które określają intensywność składnika. Możesz wygenerować losowe kolory szesnastkowe za pomocą następującego kodu JavaScript:

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

Wyjście:

#ff7ea1

Za każdym razem, gdy uruchomisz kod, otrzymasz losowy kolor szesnastkowy.

9. Jak zamienić stopnie na radiany i odwrotnie?

Stopnie i radiany reprezentują miarę kąta w geometrii. Możesz łatwo przekonwertować kąt w radianach na stopnie i odwrotnie, korzystając z następujących wzorów matematycznych:

Radiany = Stopnie × π/180
Stopnie = Radiany × 180/π

Zamiana stopni na radiany

Możesz przekonwertować kąt w stopniach na radiany za pomocą następującego kodu:

const stopniToRadians = (stopnie) => (stopnie * Matematyka. PI) / 180,0;
niech temp1 = 360;
console.log (stopnieToRadianów (temp1));
niech temp2 = 180;
console.log (stopnieToRadianów (temp2));
niech temp3 = 120;
console.log (stopnieToRadianów (temp3));

Wyjście:

6.283185307179586
3.141592653589793
2.0943951023931953

Konwertuj radiany na stopnie

Możesz przekonwertować kąt w radianach na stopnie za pomocą następującego kodu:

const radiansToDegrees = (rad) => (rad * 180) / Matematyka. LICZBA PI;
niech temp1 = 6.283185307179586;
console.log (radiansToDegrees (temp1));
niech temp2 = 3,141592653589793;
console.log (radiansToDegrees (temp2));
niech temp3 = 2.0943951023931953;
console.log (radiansToDegrees (temp3));

Wyjście:

360
180
119.99999999999999

10. Jak sprawdzić, czy kod działa w przeglądarce?

Możesz sprawdzić, czy Twój kod działa w przeglądarce, korzystając z:

const isRunningInBrowser = typ okna 'object' && typ dokumentu 'object';
console.log (isRunningInBrowser);

Powyższy kod, działający w przeglądarce, zostanie wydrukowany prawda. Uruchomiony przez interpreter wiersza poleceń, wydrukuje fałszywe.

11. Jak wygenerować losowy UUID

UUID to skrót od Universally Unique Identifier. Jest to 128-bitowa wartość używana do jednoznacznej identyfikacji obiektu lub jednostki w Internecie. Użyj poniższego kodu, aby wygenerować losowy UUID:

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

Wyjście:

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

Za każdym razem, gdy uruchamiasz kod, generuje losowy UUID.

Jeśli chcesz zapoznać się z pełnym kodem źródłowym użytym w tym artykule, oto Repozytorium GitHub.

Zdobądź praktyczną wiedzę o JavaScript dzięki projektom budowlanym

Najlepszym sposobem na opanowanie dowolnego języka programowania jest budowanie projektów. Podczas tworzenia projektów JavaScript możesz użyć skrótowych sztuczek opisanych w tym artykule. Jeśli jesteś początkującym i szukasz pomysłów na projekty, zacznij od stworzenia prostego projektu, takiego jak aplikacja To-Do, kalkulator internetowy lub rozszerzenie przeglądarki.

10 pomysłów na projekty JavaScript dla początkujących

JavaScript to kluczowy język programowania, którego należy się nauczyć. Jeśli jesteś w tym nowy, oto kilka projektów, które pomogą Ci poszerzyć swoją wiedzę.

Czytaj dalej

O autorze