[ Pobierz całość w formacie PDF ]
substring ()
składnia:
string.substring (indeks1, indeks2)
Metoda ta zwraca łańcuch znaków rozpoczynający się w pozycji indeks1, a kończący na pozycji indeks2. Wynika z te-
go \e indeks1 powinien być mniejszy od indeks2. Je\eli jednak podamy liczby odwrotnie tzn. indeks 2 będzie mniej-
szy od indeks1, zostaną one zamienione miejscami.
wiczenie 4.12.
Stwórz skrypt, który umo\liwi u\ytkownikowi wprowadzenie dowolnego tekstu i zamieni wszystkie litery podanego tekstu
na wielkie. Wynik nale\y wyświetlić na ekranie.
var napis = prompt("Podaj dowolny tekst","");
document.write (napis.toUpperCase());
// Koniec kodu JavaScript -->
Obiekt Math
Obiektu Math u\ywaliśmy ju\ w jednym z ćwiczeń. Konkretnie skorzystaliśmy z jednej z jego metod mianowicie
sqrt() (pierwiastek kwadratowy). Obiekt ten, jak sama nazwa wskazuje, umo\liwia dokonywanie ró\nych obliczeń ma-
tematycznych w JavaScript. Udostępnia on osiem stałych, zebranych tabeli 4.2 oraz 17 metod przedstawionych tabeli 4.3.
Tabela 4.2. Stałe udostępniane przez obiekt Math
38
JavaScript. wiczenia praktyczne
Nazwa stałej Znaczenie Przybli\ona wartość
E
stała Eulera (e) 2,718
LN2
logarytm naturalny z 2 0,693
LN10
logarytm naturalny z 10 2,302
LN2E
logarytm o podstawie 2 z e 1,442
LN10E
logarytm o podstawie 10 z e 0,434
PI
liczba " 3,14159
SQRT1_2
pierwiastek kwadratowy z 1/2 0,707
SQRT2
pierwiastek kwadratowy z 2 1,414
Tabela 4.3. Metody udostępniane przez obiekt Math
Nazwa metody Znaczenie
abs()
zwraca wartość bezwzględną argumentu
acos()
zwraca arcus cosinus argumentu
asin()
zwraca arcus sinus argumentu
atan()
zwraca tangens sinus argumentu
ceil()
zwraca najmniejszą liczbę całkowitą większą bądz równą argumentowi
cos()
zwraca cosinus argumentu
Tabela 4.3. Metody udostępniane przez obiekt Math ciąg dalszy
Nazwa metody Znaczenie
exp()
zwraca wartość e do potęgi równej argumentowi
floor()
zwraca największą liczbę całkowitą mniejszą bądz równą argumentowi
log()
zwraca logarytm dziesiętny argumentu
max()
zwraca większy z podanych dwóch argumentów
min()
zwraca mniejszy z podanych dwóch argumentów
pow()
zwraca wartość będącą podniesieniem argumentu pierwszego do potęgi równej
argumentowi drugiemu
random()
zwraca wartość pseudolosową z zakresu 0 1
round()
zwraca wartość argumentu zaokrągloną do najbli\szej liczby całkowitej
sin()
zwraca sinus argumentu
sqrt()
zwraca pierwiastek kwadratowy argumentu
tan()
zwraca tangens argumentu
Nale\y pamiętać, \e stałe z tabeli 4.2 to wartości tylko do odczytu, co wydaje się oczywiste oraz \e funkcje trygonome-
tryczne z tabeli 4.3 (sin, cos, tan, asin, acos, atan) wymagają podawania argumentów w radianach. Widać te\, \e pisane
przez nas w ćwiczeniach 4.4 i 4.5 funkcje do potęgowania nie były niezbędnie konieczne, bowiem wystarczyłoby zastoso-
wać metodę pow(). Co więcej, dzięki metodzie pow() mo\emy tak\e podnieść liczbę do potęgi nie będącej liczbą całko-
witą. Inaczej mówiąc wyciągać pierwiastki dowolnego stopnia. Np. pierwiastek trzeciego stopnia z 8 uzyskamy na ekranie
pisząc:
document.write (Math.pow(8, 1/3));
Trzeba jednak uwa\ać, gdy\ próba podniesienia wartości 8 do potęgi 2/3 bądz te\ próba wyciągnięcia pierwiastka trzeciego
stopnia z 64 bynajmniej nie da w wyniku wartości 4 jak wiemy z matematyki, ale pewną liczbę zmiennoprzecinkową. Co
ciekawe w przypadku przeglądarki Netscape Navigator będzie 3,9999999999999996 (rysunek 4.4). Internet Explorer nato-
miast podaje 3,9999999999999995 (rysunek 4.5).
wiczenie 4.13.
Napisz skrypt demonstrujący działanie funkcji potęgującej pow() przy podnoszeniu do potęgi nie będącej liczbą rzeczy-
wistą. Sprawdzić wynik działania kodu w ró\nych przeglądarkach.
39
Rozdział 4. Obiekty i funkcje
document.write (2/3 + "");
document.write (Math.pow(8, .6666666666666666) + "");
document.write (Math.pow(8, 2/3) + "");
document.write (Math.pow(64, 1/3) + "");
// Koniec kodu JavaScript -->
Rysunek 4.4.
Efekt wykonania
skryptu z ćwiczenia
4.13 w przeglądarce
Netscape Navigator
Rysunek 4.5.
Efekt wykonania
skryptu z ćwiczenia
4.13 w przeglądarce
Internet Explorer
Obiekt Date
Obiekt Date umo\liwia wykonywanie operacji na dacie i czasie. Obiekty tego typu mo\emy tworzyć następująco:
1. nazwa = new Date();
2. nazwa = new Date( miesiąc dzień, rok godziny:minuty:sekundy );
3. nazwa = NewDate(rok, miesiąc, dzień);
4. nazwa = NewDate(rok, miesiąc, dzień, godziny, minuty, sekundy).
Dostępne metody obiektu Date przedstawia tabela 4.4 przedstawiona na następnej stronie.
Tabela 4.4. Metody udostępniane przez obiekt date
Nazwa metody Opis
getDate()
zwraca dzień miesiąca
getDay()
zwraca dzień tygodnia (poczynając od niedzieli, która ma przypisany numer 0)
getHours()
zwraca godzinę
getMinutes()
zwraca minutę
getMonth()
zwraca numer miesiąca (styczeń ma numer 0)
40
JavaScript. wiczenia praktyczne
getSeconds()
zwraca sekundę
getTime()
zwraca liczbę sekund, które upłynęły od 01.01.1970 00:00:00
getYear()
zwraca rok
parse()
zwraca liczbę sekund, które upłynęły od 01.01.1970 00:00:00 do daty podanej jako
argument (string)
setDate()
ustawia dzień miesiąca
setHours()
ustawia godzinę
setMinutes()
ustawia minuty
setMonth()
ustawia numer miesiąca (styczeń ma numer 0)
setSeconds()
ustawia sekundę
setTime()
inicjuje obiekt liczbą sekund, które upłynęły od 01.01.1970 00:00:00
setYear()
ustawia rok
toGMTString()
zwraca datę w postaci czasu GMT
toLocaleString
zwraca datę w postaci lokalnej
()
UTC()
zwraca liczbę sekund, które upłynęły od 01.01.1970 00:00:00 do daty podanej jako
zestaw argumentów (liczby)
wiczenie 4.14.
U\yj obiektu date do wyświetlania na ekranie aktualnego czasu (rysunek 4.6).
Rysunek 4.6.
Efekt u\ycia obiektu
date do wyświetlenia
aktualnej daty
data = new Date();
document.write ("dzisiaj mamy: " + data + "");
// Koniec kodu JavaScript -->
wiczenie 4.15.
Wyświetlić na ekranie aktualną datę, bie\ący czas lokalny, czas GMT oraz dzień tygodnia i dzień miesiąca (rysunki 4.7 i 4.8).
Rysunek 4.7.
Wyświetlenie danych
dotyczących daty
i czasu w przeglądarce
Internet Explorer
41
Rozdział 4. Obiekty i funkcje
Rysunek 4.8.
Wyświetlenie danych
dotyczących daty
i czasu w przeglądarce
Internet Explorer
data = new Date(); [ Pobierz całość w formacie PDF ]
zanotowane.pl doc.pisz.pl pdf.pisz.pl wyciskamy.pev.pl
substring ()
składnia:
string.substring (indeks1, indeks2)
Metoda ta zwraca łańcuch znaków rozpoczynający się w pozycji indeks1, a kończący na pozycji indeks2. Wynika z te-
go \e indeks1 powinien być mniejszy od indeks2. Je\eli jednak podamy liczby odwrotnie tzn. indeks 2 będzie mniej-
szy od indeks1, zostaną one zamienione miejscami.
wiczenie 4.12.
Stwórz skrypt, który umo\liwi u\ytkownikowi wprowadzenie dowolnego tekstu i zamieni wszystkie litery podanego tekstu
na wielkie. Wynik nale\y wyświetlić na ekranie.
var napis = prompt("Podaj dowolny tekst","");
document.write (napis.toUpperCase());
// Koniec kodu JavaScript -->
Obiekt Math
Obiektu Math u\ywaliśmy ju\ w jednym z ćwiczeń. Konkretnie skorzystaliśmy z jednej z jego metod mianowicie
sqrt() (pierwiastek kwadratowy). Obiekt ten, jak sama nazwa wskazuje, umo\liwia dokonywanie ró\nych obliczeń ma-
tematycznych w JavaScript. Udostępnia on osiem stałych, zebranych tabeli 4.2 oraz 17 metod przedstawionych tabeli 4.3.
Tabela 4.2. Stałe udostępniane przez obiekt Math
38
JavaScript. wiczenia praktyczne
Nazwa stałej Znaczenie Przybli\ona wartość
E
stała Eulera (e) 2,718
LN2
logarytm naturalny z 2 0,693
LN10
logarytm naturalny z 10 2,302
LN2E
logarytm o podstawie 2 z e 1,442
LN10E
logarytm o podstawie 10 z e 0,434
PI
liczba " 3,14159
SQRT1_2
pierwiastek kwadratowy z 1/2 0,707
SQRT2
pierwiastek kwadratowy z 2 1,414
Tabela 4.3. Metody udostępniane przez obiekt Math
Nazwa metody Znaczenie
abs()
zwraca wartość bezwzględną argumentu
acos()
zwraca arcus cosinus argumentu
asin()
zwraca arcus sinus argumentu
atan()
zwraca tangens sinus argumentu
ceil()
zwraca najmniejszą liczbę całkowitą większą bądz równą argumentowi
cos()
zwraca cosinus argumentu
Tabela 4.3. Metody udostępniane przez obiekt Math ciąg dalszy
Nazwa metody Znaczenie
exp()
zwraca wartość e do potęgi równej argumentowi
floor()
zwraca największą liczbę całkowitą mniejszą bądz równą argumentowi
log()
zwraca logarytm dziesiętny argumentu
max()
zwraca większy z podanych dwóch argumentów
min()
zwraca mniejszy z podanych dwóch argumentów
pow()
zwraca wartość będącą podniesieniem argumentu pierwszego do potęgi równej
argumentowi drugiemu
random()
zwraca wartość pseudolosową z zakresu 0 1
round()
zwraca wartość argumentu zaokrągloną do najbli\szej liczby całkowitej
sin()
zwraca sinus argumentu
sqrt()
zwraca pierwiastek kwadratowy argumentu
tan()
zwraca tangens argumentu
Nale\y pamiętać, \e stałe z tabeli 4.2 to wartości tylko do odczytu, co wydaje się oczywiste oraz \e funkcje trygonome-
tryczne z tabeli 4.3 (sin, cos, tan, asin, acos, atan) wymagają podawania argumentów w radianach. Widać te\, \e pisane
przez nas w ćwiczeniach 4.4 i 4.5 funkcje do potęgowania nie były niezbędnie konieczne, bowiem wystarczyłoby zastoso-
wać metodę pow(). Co więcej, dzięki metodzie pow() mo\emy tak\e podnieść liczbę do potęgi nie będącej liczbą całko-
witą. Inaczej mówiąc wyciągać pierwiastki dowolnego stopnia. Np. pierwiastek trzeciego stopnia z 8 uzyskamy na ekranie
pisząc:
document.write (Math.pow(8, 1/3));
Trzeba jednak uwa\ać, gdy\ próba podniesienia wartości 8 do potęgi 2/3 bądz te\ próba wyciągnięcia pierwiastka trzeciego
stopnia z 64 bynajmniej nie da w wyniku wartości 4 jak wiemy z matematyki, ale pewną liczbę zmiennoprzecinkową. Co
ciekawe w przypadku przeglądarki Netscape Navigator będzie 3,9999999999999996 (rysunek 4.4). Internet Explorer nato-
miast podaje 3,9999999999999995 (rysunek 4.5).
wiczenie 4.13.
Napisz skrypt demonstrujący działanie funkcji potęgującej pow() przy podnoszeniu do potęgi nie będącej liczbą rzeczy-
wistą. Sprawdzić wynik działania kodu w ró\nych przeglądarkach.
39
Rozdział 4. Obiekty i funkcje
document.write (2/3 + "");
document.write (Math.pow(8, .6666666666666666) + "");
document.write (Math.pow(8, 2/3) + "");
document.write (Math.pow(64, 1/3) + "");
// Koniec kodu JavaScript -->
Rysunek 4.4.
Efekt wykonania
skryptu z ćwiczenia
4.13 w przeglądarce
Netscape Navigator
Rysunek 4.5.
Efekt wykonania
skryptu z ćwiczenia
4.13 w przeglądarce
Internet Explorer
Obiekt Date
Obiekt Date umo\liwia wykonywanie operacji na dacie i czasie. Obiekty tego typu mo\emy tworzyć następująco:
1. nazwa = new Date();
2. nazwa = new Date( miesiąc dzień, rok godziny:minuty:sekundy );
3. nazwa = NewDate(rok, miesiąc, dzień);
4. nazwa = NewDate(rok, miesiąc, dzień, godziny, minuty, sekundy).
Dostępne metody obiektu Date przedstawia tabela 4.4 przedstawiona na następnej stronie.
Tabela 4.4. Metody udostępniane przez obiekt date
Nazwa metody Opis
getDate()
zwraca dzień miesiąca
getDay()
zwraca dzień tygodnia (poczynając od niedzieli, która ma przypisany numer 0)
getHours()
zwraca godzinę
getMinutes()
zwraca minutę
getMonth()
zwraca numer miesiąca (styczeń ma numer 0)
40
JavaScript. wiczenia praktyczne
getSeconds()
zwraca sekundę
getTime()
zwraca liczbę sekund, które upłynęły od 01.01.1970 00:00:00
getYear()
zwraca rok
parse()
zwraca liczbę sekund, które upłynęły od 01.01.1970 00:00:00 do daty podanej jako
argument (string)
setDate()
ustawia dzień miesiąca
setHours()
ustawia godzinę
setMinutes()
ustawia minuty
setMonth()
ustawia numer miesiąca (styczeń ma numer 0)
setSeconds()
ustawia sekundę
setTime()
inicjuje obiekt liczbą sekund, które upłynęły od 01.01.1970 00:00:00
setYear()
ustawia rok
toGMTString()
zwraca datę w postaci czasu GMT
toLocaleString
zwraca datę w postaci lokalnej
()
UTC()
zwraca liczbę sekund, które upłynęły od 01.01.1970 00:00:00 do daty podanej jako
zestaw argumentów (liczby)
wiczenie 4.14.
U\yj obiektu date do wyświetlania na ekranie aktualnego czasu (rysunek 4.6).
Rysunek 4.6.
Efekt u\ycia obiektu
date do wyświetlenia
aktualnej daty
data = new Date();
document.write ("dzisiaj mamy: " + data + "");
// Koniec kodu JavaScript -->
wiczenie 4.15.
Wyświetlić na ekranie aktualną datę, bie\ący czas lokalny, czas GMT oraz dzień tygodnia i dzień miesiąca (rysunki 4.7 i 4.8).
Rysunek 4.7.
Wyświetlenie danych
dotyczących daty
i czasu w przeglądarce
Internet Explorer
41
Rozdział 4. Obiekty i funkcje
Rysunek 4.8.
Wyświetlenie danych
dotyczących daty
i czasu w przeglądarce
Internet Explorer
data = new Date(); [ Pobierz całość w formacie PDF ]