Show Menu
Cheatography
  1. Home >
  2. Programming >

Kurs JS - JavaScript. I wszystko jasne Cheat Sheet (DRAFT) by

This is a draft cheat sheet. It is a work in progress and is not finished yet.

Wartości, zmienne i kontrola sterowania

\n
Znak nowego wiersza
typeof
tworzy wartość łańcuchową reprez­ent­ującą typ podanej mu wartości.
3 > 2
jeden ze sposobów na uzyskanie wartości true
"­Z" < "­a"
Wielkie litery są zawsze „mniejsze” od małych. Porówn­ywanie znaków odbywa się na podstawie standardu Unicode
5e2
500
Math.max(2, 4)
przyjmuje dowolną liczbę wartości liczbowych i zwraca największą z nich
prompt­(text, defaul­tText)
Pierwszy argument zawiera pytanie, a drugi tekst, który zostanie wstępnie wyświe­tlony w polu tekstowym na odpowiedź. Gdy użytkownik wpisze jakiś tekst w oknie, funkcja zwróci go jako łańcuch.
null == undefined
true
false == 0
true
"­" == 0
true
"­5" == 5
true
null === undefined
false
"­5" === 5
false
NaN == NaN
false
//kome­ntarz calego wiersza
/* stanowi początek koment­arza, który kończy się ciągiem */
isNaN(­value)
Sprawdza czy wartość nie jest liczbą
Number(object)
konwertuje różne wartości na liczby
x || y
Jest to łatwy sposób na zdefin­iowanie wartości „awary­jnej”. najpierw sprawdza wartość znajdującą się po jego lewej stronie. Jeśli w wyniku konwersji tej wartości na typ logiczny otrzyma true, zwraca tę wartość znajdującą się po jego lewej stronie. W przeciwnym przypadku zwraca wartość znajdującą się po prawej.
x && y
Gdy po jego lewej stronie znajduje się wartość dająca false po konwersji na typ logiczny, zwraca tę wartość. W przeciwnym przypadku zwraca wartość znajdującą się po prawej.
x == 0 ? a : b
Jeśli warunek x==0 daje wartość true wykonywane jest a. W przeciwnym wypadku b

Funkcje - deklaracja

function add(a, b) {
  return a + b;
}

console.log(add(2, 2));

lub

var add = function(a, b) {
  return a + b;
};

console.log(add(2, 2));

arguments.length - zwraca liczbę argumentów funkcji.
arguments[i] - odnosi się do i argumentu.
Ta funkcja przyjmuje zmienną add. Jej argumenty nazywają się a i b. Instrukcja return a + b; stanowi treść właściwą tej funkcji. Gdy zostaje wykonana instrukcja return, sterowanie jest przeka­zywane na zewnątrz funkcji do miejsca, w którym ta funkcja została wywołana i wartość zwrotna zostaje przekazana do kodu, który to wywołanie wykonał. Jeśli za instrukcją return nie ma żadnego wyrażenia, funkcja zwraca wartość undefined.

Funkcje - deklaracja zmiennych

o tym, które zmienne są widoczne w funkcji decyduje położenie tej funkcji w tekście programu. W funkcji widoczne są wszystkie zmienne, które zostały zdefin­iowane „nad” jej definicją, czyli zarówno zdefin­iowane w funkcjach ją zawier­ających jak i w głównym środowisku programu. Ta zasada określania dostęp­ności zmiennych nazywa się leksyk­alnym określ­aniem zakresu.

Struktury danych: obiekty i tablice

text.length
Każdy łańcuch ma własność o nazwie length, która odnosi się do liczby oznacz­ającej, z ilu znaków ten łańcuch się składa.
text["length"]
Pierwszy z przeds­taw­ionych rodzajów zapisu jest skrótem pierwszego i można go stosować tylko wtedy, gdy nazwa własności mogłaby być poprawną nazwą zmiennej ― nie zawiera spacji ani znaków specja­lnych oraz nie zaczyna się od cyfry.

Obiekty - deklaracja i pętle

var car = {type:"Fiat", model:"500", color:"white"};

var person = {
    firstName:"John",
    lastName:"Doe",
    age:50,
    eyeColor:"blue"
};

// pętla wyświetlająca wszystkie własności obiektu person

for (var x in person) console.log(x);

Obiekty - operacje

delete person.age;
Słowo kluczowe delete usuwa własności. Próba odczytu nieist­nie­jącej własności powoduje zwrócenie wartości undefined.
person.nowaWlasnosc = "nowaWartosc"
Jeżeli operator = zostanie użyty do ustawienia własności, która jeszcze nie istnieje, to taka własność zostanie utworzona i dodana do obiektu.
"­age­" in person
Do sprawd­zenia czy obiekt ma określoną własność służy operator in. Zwraca on wartość logiczną.
var object2 = object1
Jeśli zmienimy wartość object1, zmienia się również wartość object2, w przeci­wie­ństwie do np. liczb czy stringów.

Tablice

let arr = new Array(x);
tworzy nową tablicę o długości x, wypełnioną wartoś­ciami undefined.
tablica[i] = x
Dodanie do tablicy w miejsce o indeksie i wartości x.
tablica.push(x)
Dodanie wartosci x na koniec tablicy. Przypi­sanie do zmiennej tablica powoduje błąd.
tablic­a.pop()
Usuwa i zwraca ostatnią wartość tablicy. Tablica będzie pozbawiona ostatniego elementu. Komenda będzie miała wartość usuniętego elementu jeśli przypisze się ją do zmiennej.
tablic­a.j­oin­(" ")
Tworzy pojedynczy długi łańcuch z tablicy łańcuchów. Parametr jej wywołania jest wstawiany między wartoś­ciami tablicy.
tablic­a.l­ength = n;
Zmienia ilość elementów w tablicy na n.
tablic­a.s­ort()
Sortuje tablicę.
tablic­a.r­eve­rse()
Odwraca kolejność elementów w tablicy.
tablic­a.s­ort­(fu­nct­ion(a, b){return a-b});
Sortowanie rosnąco liczb.
tablica.map(function (x){return modyfikacja_x})
Metoda tworzy nową tablicę zawier­ającą wyniki wywoły­wania podanej funkcji dla każdego elementu wywołu­jącej tablicy. Nie modyfikuje tablicy, na której jest wywołany.

Stringi - operacje na stringach

"String".toUpperCase()
Własność ta zwraca kopię łańcucha, w której wszystkie litery są wielkie.
"­Str­ing­".to­Low­erC­ase()
Własność ta zwraca kopię łańcucha, w której wszystkie litery są małe.
"­Str­ing­".sp­lit­(" ")
Metoda ta tnie łańcuch na fragmenty, które zapisuje w elementach tablicy, a jako znaku podziału używa łańcucha przeka­zanego jej jako argument. By zapamiętać utworzoną tablicę należy przypisać ją do zmiennej.
"­Str­ing­".ch­arAt(i)
Zwraca znak z pozycji o indexie i. Dla nieist­nie­jącego znaku zwraca "­".
"­Str­ing­".sl­ice­(i,z)
Metoda ta kopiuje fragment łańcucha zaczynając od miejsca określ­onego liczbowo w pierwszym argumencie i kończąc przed znakiem znajdu­jącym się na pozycji wyznac­zonej przez drugi argument (tez znak nie jest wliczany). Dla nieist­nie­jącego znaku ignoruje tę część, która nie istnieje. Metoda slice, gdy przekaże się jej tylko jeden argument zwraca część łańcucha od określonej w tym argumencie pozycji do końca.
"String".indexOf( searchvalue, start)
Zwraca index pozycji pierwszego pojawienia się szukanego ciągu znaków. Jeśli nie znajdzie, zwraca -1.
"­Str­ing­".trim()
Usuwa spacje z obu stron. Trzeba przypisac do zmiennej.

Obiekty - data

var now = new Date()
Zostanie utworzony obiekt zawier­ający bieżącą datę i godzinę
var when = new Date(year, month, day, hours, minutes, seconds, millis­econds)
now.getFullYear()
Zwraca rok.
now.ge­tMo­nth()
Zwraca miesiąc (0-11).
new.ge­tDay()
Zwraca dzień tygodnia (0-6).
new.ge­tDate()
Zwraca dzień miesiąca (1-31).
new.ge­tHo­urs()
new.ge­tMi­nutes()
new.ge­tSe­conds()
new.ge­tMi­lli­sec­onds()
new.ge­tTime()
Zwraca liczbę milise­kund, jaka upłynęła od 1 stycznia 1970.
new.ge­tTi­mez­one­Off­set()
Zwraca różnicę w minutach między GMT (Londyn).
data1.g­et­Time() == data2.g­et­Time() porównanie takich samych dat
Argumenty te kolejno oznaczają rok, miesiąc, dzień, godzinę, minutę, sekundę oraz milise­kundę. Cztery ostatnie argumenty są opcjonalne i jeśli nie zostaną zdefin­iowane, nadawana jest im wartość 0.
Miesiące w tych obiektach są numerowane od 0 do 11, co może powodować pomyłki. Co ciekawe, numeracja dni zaczyna się od 1.

Math

Math.r­ound(n)
Zaokragla liczbę n.
Math.f­loor(n)
Zaokrągla liczbę n w dół.
Math.c­eil(n)
Zaokrągla liczbę n w górę.