Przykłady JavaScript
- Poprzednia strona JS D3.js
- Następna strona JS HTML DOM
Co może zrobić JavaScript?
Gdzie wstawić JavaScript
Wyjście JavaScript
Gramatyka JavaScript
- Zapisy JavaScript
- Liczby w JavaScript
- Ciągi znaków w JavaScript
- Zmienne w JavaScript
- Operatorzy w JavaScript
- Przypisanie w JavaScript
- Wyrażenie JavaScript (używające stałych)
- Wyrażenie JavaScript (używające ciągów znaków)
- Wyrażenie JavaScript (używające zmienne)
- Kluczowe słowa JavaScript
- Komentarze w JavaScript
- JavaScript jest wrażliwy na wielkość liter
Zapisy JavaScript
Komentarze w JavaScript
Zmienne w JavaScript
- Zmienne w JavaScript
- Zmienne jako algebra w JavaScript
- Liczby i ciągi znaków w JavaScript
- Kluczowe słowo var w JavaScript
- Deklaracja wielu zmiennych w jednym wierszu
- Deklaracja wielu zmiennych w wierszu wieloliniowym
- Zmienna bez wartości zwraca wartość undefined
- Ponowne deklarowanie zmiennej nie niszczy wartości
- Dodawanie tablic w JavaScript
- Dodawanie ciągów znaków w JavaScript
- Dodawanie ciągów znaków i liczb
- Dodawanie liczb i ciągów znaków
Arytmetyka w JavaScript
Przypisanie w JavaScript
Łączenie ciągów znaków w JavaScript
Typy danych w JavaScript
Obiekty w JavaScript
- Tworzenie zmiennej JavaScript
- Tworzenie obiektu JavaScript
- Utwórz obiekt person (jeden wiersz)
- Utwórz obiekt person (wielu wierszy)
- Dostęp do właściwości obiektu za pomocą .property
- Dostęp do właściwości obiektu za pomocą [property]
- Dostęp do właściwości funkcji za pomocą metody
- Dostęp do właściwości funkcji za pomocą atrybutu
Funkcje w JavaScript
Zdarzenia w JavaScript
Ciągi znaków w JavaScript
- Ciąg znaków może być otoczony pojedynczymi lub podwójnymi cudzysłówami
- Pokazanie kilku przykładów ciągu znaków
- Dodanie反斜杠 przed cudzysłów uznawane jest za cudzysłów
- Zdecyduj o długości ciągu znaków
- Użyj反斜杠 do przechodzenia do nowej linii w ciągu znaków
- Nie można używać反斜杠折行 w kodzie
- Zdecyduj o pozycji pierwszego wystąpienia tekstu w ciągu znaków - indexOf()
- W ciągu znaków wyszukiwać tekstu i zwracać ten tekst po znalezieniu - match()
- Zastąp znak w ciągu znaków - replace()
- Zamień ciąg znaków na duże litery - toUpperCase()
- Zamień ciąg znaków na małe litery - toLowerCase()
- Rozdziel ciąg znaków na tablicę - split()
Liczby w JavaScript
- Liczby można pisać z lub bez kropki
- Można pisać bardzo duże lub bardzo małe liczby w formie wykładniczej
- Liczby są dokładne do 15 miejsc po przecinku
- Działanie zmiennoprzecinkowe nie jest zawsze 100% dokładne
- Ale problem można rozwiązać przez mnożenie i dzielenie przez 10
- Dodawanie dwóch liczb produce nową liczbę
- Dodawanie dwóch ciągów liczbowych produce połączone ciągi znaków
- Dodawanie liczby i ciągu liczbowego również produce połączone ciągi znaków
- Dodawanie ciągu liczbowego i liczby również produce połączone ciągi znaków
- Zwykły błąd dodawania ciągów znaków i liczb 1
- Częsty błąd dodawania ciągu znaków i liczby 2
- W operacji dzielenia JavaScript próbuje przekształcić ciąg znaków na liczbę
- W operacji mnożenia JavaScript próbuje przekształcić ciąg znaków na liczbę
- W operacji odejmowania JavaScript próbuje przekształcić ciąg znaków na liczbę
- W operacji dodawania JavaScript nie konwertuje ciągów znaków na liczby
- Liczba podzielona przez ciąg znaków nie jest już liczbą
- Dzielenie liczby przez ciąg znaków liczbowych zwraca liczbę
- Globalna funkcja JavaScript isNaN() ocenia, czy wartość jest liczbą
- Użycie NaN w operacjach matematycznych zawsze zwraca NaN
- Użycie NaN w operacjach matematycznych łączy NaN
- Typ NaN to liczba (tożsamość! typeof NaN zwraca number)
- Jeśli obliczy się liczbę poza maksymalną możliwą liczbą, zwraca nieskończoność (Infinity)
- Dzielenie przez zero generuje Infinity
- Infinity jest liczbą (typeof Infinity zwraca number)
- Liczby z prefiksem 0x są interpretowane jako szesnastkowe
- Metoda toString() może wyświetlać liczby w szesnastkowym, ósemkowym lub binarnym formacie
- Liczby mogą być obiektem
- Liczby i obiekty nie mogą być bezpiecznie porównywane
- Obiekty i obiekty nie mogą być bezpiecznie porównywane
Metody liczb w JavaScript
- Metoda toString() konwertuje liczbę na ciąg znaków
- Metoda valueOf() zwraca liczbę jako liczbę
- Metoda toExponential() zwraca liczbę w formacie wykładniczym
- Metoda toFixed() runde liczbę do określonej liczby miejsc po przecinku
- Metoda toPrecision() zwraca liczbę o określonej długości
- Globalna metoda Number() konwertuje zmienną na liczbę
- Globalna metoda Number() nawet może przekształcić datę na liczbę
- Globalna metoda parseInt() konwertuje ciąg znaków na liczbę
- Globalna metoda parseFloat() konwertuje ciąg znaków na liczbę
- MAX_VALUE zwraca możliwie największą liczbę w JavaScript
- MIN_VALUE zwraca możliwie najmniejszą liczbę w JavaScript
- POSITIVE_INFINITY oznacza nieskończoność
- W przypadku przelotu zwraca POSITIVE_INFINITY
- NEGATIVE_INFINITY oznacza ujemną nieskończoność
- W przypadku przelotu zwraca NEGATIVE_INFINITY
- NaN oznacza 'nie liczba'
- Arytmetyka wykonywana na ciągach znaków spowoduje NaN
- Użycie liczbowych właściwości zmiennej zwróci undefined
Matematyka w JavaScript
- Math.PI zwraca wartość PI
- Math.round(x) zwraca wartość zaokrągloną x
- Math.pow(x, y) zwraca x do potęgi y
- Math.sqrt(x) zwraca kwadrat x
- Math.abs(x) zwraca wartość bezwzględną x
- Math.ceil(x) zwraca wartość x pomnożoną w górę
- Math.floor(x) zwraca wartość x pomniejszoną w dół
- Math.sin(x) zwraca sinus kąta x (w radianach)
- Math.cos(x) zwraca kosinus kąta x (w radianach)
- Math.max() zwraca najwyższą wartość z listy argumentów
- Math.min() zwraca najniższą wartość z listy argumentów
- Przekształć stopnie Celsjusza na stopnie Fahrenheita
Losowość w JavaScript
- Math.random() zwraca losową liczbę całkowitą między 0 (włącznie) a 1 (wyłącznie)
- Jak zwrócić losową liczbę całkowitą między 0 a 9 (włącznie)
- Jak zwrócić losową liczbę całkowitą między 0 a 10 (włącznie)
- Jak zwrócić losową liczbę całkowitą między 0 a 99 (włącznie)
- Jak zwrócić losową liczbę całkowitą między 0 a 100 (włącznie)
- Jak zwrócić losową liczbę całkowitą między 1 a 10 (włącznie)
- Jak zwrócić losową liczbę całkowitą między 1 a 100 (włącznie)
- Jak zwrócić losową liczbę całkowitą między x (włącznie) a y (wyłącznie)
- Jak zwrócić losową liczbę całkowitą między x a y (włącznie)
Daty w JavaScript
- Użyj Date() do wyświetlenia dzisiejszej daty i czasu
- Użyj getFullYear() do wyświetlenia roku
- Użyj getTime() do obliczenia liczby milisekund od 1970 roku
- Użyj setFullYear() do ustawienia konkretnej daty
- Użyj toUTCString() do przekształcenia dzisiejszej daty (wg UTC) w ciąg znaków
- Użyj getDay() do wyświetlenia nazwy dnia tygodnia w formacie liczbowym
- Użyj getDay() oraz tablicy, aby wyświetlić nazwę dnia tygodnia
- Wyświetl zegar
Tablice w JavaScript
Metody tablic w JavaScript
- Dodaj element do tablicy
- Usuń ostatni element tablicy - pop()
- Połącz wszystkie elementy tablicy w jeden ciąg znaków - join()
- Połącz dwie tablice - concat()
- Połącz trzy tablice - concat()
- Dodaj element do tablicy w pozycji 2 - splice()
- Przekształć tablicę w ciąg znaków - toString()
- Dodaj nowy element na początek tablicy - unshift()
- Usuń pierwszy element tablicy - shift()
- Wybierz elementy z tablicy - slice()
Sortowanie tablic w JavaScript
- Sortuj tablicę w porządku rosnącym
- Sortuj tablicę w porządku malejącym
- Sortuj liczby w porządku rosnącym
- Sortuj liczby w porządku malejącym
- Sortuj liczby (według porządku alfabetycznego lub liczbowego)
- Sortuj liczby w tablicy w sposób losowy
- Określ najmniejszą liczbę w tablicy
- Określ największą liczbę w tablicy
- Użyj Math.min() do określenia najmniejszej liczby w tablicy
- Użyj Math.max() do określenia największej liczby w tablicy
- Użyj "swojego" metody myArrayMin
- Użyj "swojego" metody myArrayMax
- Sortuj obiekty według atrybutu liczbowego
- Sortuj obiekty według atrybutu ciągów znaków
Iteracja tablic w JavaScript
Konwersja typów w JavaScript
Logiczne w JavaScript
- Wyświetl wartość Boolean(10 > 9)
- Wyświetl wartość 10 > 9
- Wszystko, co ma prawdziwą wartość, jest prawdą
- Wartość logiczna zera to fałsz
- Wartość logiczna minus zero to fałsz
- Wartość logiczna pustego łańcucha to fałsz
- Wartość logiczna undefined to fałsz
- Wartość logiczna null to fałsz
- Wartość logiczna fałsz to fałsz
- Wartość logiczna NaN to fałsz
Porównanie w JavaScript
- Przypisz 5 do zmiennej x, a następnie wyświetl wartość (x == 8)
- Przypisz 5 do zmiennej x, a następnie wyświetl wartość (x == 5)
- Przypisz 5 do zmiennej x, a następnie wyświetl wartość (x === 5)
- Przypisz 5 do zmiennej x, a następnie wyświetl wartość (x === "5")
- Przypisanie 5 do x, a następnie wyświetlenie wartości (x != 8)
- Przypisanie 5 do x, a następnie wyświetlenie wartości (x !== 5)
- Przypisanie 5 do x, a następnie wyświetlenie wartości (x !== "5")
- Przypisanie 5 do x, a następnie wyświetlenie wartości (x > 8)
- Przypisanie 5 do x, a następnie wyświetlenie wartości (x < 8)
- Przypisanie 5 do x, a następnie wyświetlenie wartości (x >= 8)
- Przypisanie 5 do x, a następnie wyświetlenie wartości (x <= 8)
Warunki w JavaScript
Pętla w JavaScript
Zarządzanie błędami w JavaScript
Wyrażenia regularne w JavaScript
Obiekty w JavaScript
- Tworzenie zmiennej JavaScript
- Tworzenie obiektu JavaScript
- Tworzenie obiektu JavaScript (jednoetatowe)
- Tworzenie obiektu JavaScript (wieloetatowe)
- Tworzenie obiektów JavaScript za pomocą new
- Tworzenie obiektów JavaScript za pomocą konstruktora
- Tworzenie wbudowanych obiektów JavaScript
- Najlepszy sposób tworzenia zmiennych JavaScript
- Obiekt JavaScript jest zmienialny
Atrybuty obiektu w JavaScript
Obiekt JSON
- Dostęp do właściwości za pomocą .property
- Dostęp do właściwości za pomocą [property]
- Przechodzenie przez właściwości
- Przechodzenie przez wartości właściwości
- Dostęp do wciętego obiektu JSON
- Modyfikacja wartości za pomocą notacji kropki
- Modyfikacja wartości za pomocą notacji nawiasów
- Usunięcie właściwości obiektu
Tablica JSON
Parserowanie JSON
JSON Stringify
PHP JSON
HTML JSON
Przykład wyjaśnienia: JSON JSONP
- Poprzednia strona JS D3.js
- Następna strona JS HTML DOM
