JavaScript jest językiem programowania, który jest powszechnie stosowany do tworzenia dynamicznych i interaktywnych stron internetowych. W tym kursie omówimy podstawy JavaScript, w tym zmienne, typy danych, operatory, struktury kontrolne, funkcje oraz obiekty.
#Zmienne
Zmienne w JavaScript mogą być deklarowane za pomocą var
, let
i const
.
#Przykłady:
var x = 5; // Deklaracja zmiennej za pomocą var
let y = 10; // Deklaracja zmiennej za pomocą let
const z = 15; // Deklaracja stałej za pomocą const
#Typy danych
JavaScript obsługuje różne typy danych, w tym liczby, łańcuchy znaków (string), boolean, obiekty i tablice.
#Przykłady:
let liczba = 42; // Typ danych: Number
let tekst = "Hello, World!"; // Typ danych: String
let prawda = true; // Typ danych: Boolean
let obiekt = { imie: "Jan", wiek: 30 }; // Typ danych: Object
let tablica = [1, 2, 3, 4, 5]; // Typ danych: Array
#Operatory
Operatory w JavaScript obejmują arytmetyczne, porównania, logiczne i przypisania.
#Przykłady:
// Operatory arytmetyczne
let suma = 10 + 5; // Dodawanie
let roznica = 10 - 5; // Odejmowanie
let iloczyn = 10 * 5; // Mnożenie
let iloraz = 10 / 5; // Dzielenie
// Operatory porównania
let rowne = 10 == 10; // Porównanie wartości
let identyczne = 10 === 10; // Porównanie wartości i typu
let nierowne = 10 != 5; // Nierówność
// Operatory logiczne
let iOperator = true && false; // Operator logiczny AND
let lubOperator = true || false; // Operator logiczny OR
let nieOperator = !true; // Operator logiczny NOT
// Operatory przypisania
let a = 10;
a += 5; // Dodanie i przypisanie
a -= 5; // Odejmowanie i przypisanie
#Struktury kontrolne
#Instrukcja warunkowa if
Instrukcja if
służy do wykonywania kodu warunkowo.
let wiek = 18;
if (wiek >= 18) {
console.log("Jesteś pełnoletni");
} else {
console.log("Jesteś niepełnoletni");
}
#Pętla for
Pętla for
służy do wykonywania kodu wielokrotnie.
for (let i = 0; i < 5; i++) {
console.log(i);
}
#Pętla while
Pętla while
służy do wykonywania kodu, dopóki warunek jest prawdziwy.
let i = 0;
while (i < 5) {
console.log(i);
i++;
}
#Funkcje
Funkcje pozwalają na grupowanie kodu, który może być wykonywany wielokrotnie.
#Deklaracja funkcji
function dodaj(a, b) {
return a + b;
}
let wynik = dodaj(5, 10);
console.log(wynik); // 15
#Funkcje strzałkowe
Funkcje strzałkowe to krótszy zapis funkcji.
const dodaj = (a, b) => a + b;
let wynik = dodaj(5, 10);
console.log(wynik); // 15
#Obiekty
Obiekty pozwalają na grupowanie powiązanych wartości i funkcji.
#Tworzenie obiektu
let osoba = {
imie: "Jan",
wiek: 30,
przedstawSie: function () {
return `Cześć, mam na imię ${this.imie} i mam ${this.wiek} lat.`;
},
};
console.log(osoba.przedstawSie()); // Cześć, mam na imię Jan i mam 30 lat.
#Tablice
Tablice to struktury danych, które przechowują listę elementów.
#Tworzenie i manipulacja tablicami
let liczby = [1, 2, 3, 4, 5];
console.log(liczby[0]); // 1
liczby.push(6); // Dodanie elementu na końcu tablicy
console.log(liczby); // [1, 2, 3, 4, 5, 6]
liczby.pop(); // Usunięcie ostatniego elementu z tablicy
console.log(liczby); // [1, 2, 3, 4, 5]
#Zadania do wykonania
#Zadanie 1
Napisz funkcję, która przyjmuje dwie liczby jako argumenty i zwraca ich iloczyn.
Pokaż rozwiązanie
function iloczyn(a, b) {
return a * b;
}
let wynik = iloczyn(5, 10);
console.log(wynik); // 50
#Zadanie 2
Utwórz obiekt reprezentujący książkę z atrybutami tytul
, autor
i rok
. Następnie dodaj metodę, która zwraca opis książki.
Pokaż rozwiązanie
let ksiazka = {
tytul: "W pustyni i w puszczy",
autor: "Henryk Sienkiewicz",
rok: 1911,
opis: function () {
return `${this.tytul} to książka napisana przez ${this.autor} w roku ${this.rok}.`;
},
};
console.log(ksiazka.opis()); // W pustyni i w puszczy to książka napisana przez Henryk Sienkiewicz w roku 1911.
#Zadanie 3
Napisz funkcję, która przyjmuje tablicę liczb i zwraca największą liczbę z tej tablicy.
Pokaż rozwiązanie
function znajdzNajwieksza(tablica) {
let najwieksza = tablica[0];
for (let i = 1; i < tablica.length; i++) {
if (tablica[i] > najwieksza) {
najwieksza = tablica[i];
}
}
return najwieksza;
}
let liczby = [1, 2, 3, 4, 5];
console.log(znajdzNajwieksza(liczby)); // 5
#Zadanie 4
Utwórz tablicę, która zawiera kilka imion. Następnie użyj pętli for
, aby wyświetlić każde imię w konsoli.
Pokaż rozwiązanie
let imiona = ["Jan", "Anna", "Krzysztof", "Maria"];
for (let i = 0; i < imiona.length; i++) {
console.log(imiona[i]);
}
// Jan
// Anna
// Krzysztof
// Maria
To tyle na temat podstaw JavaScript! Zachęcam do dalszego eksperymentowania i zgłębiania tego tematu, aby tworzyć bardziej zaawansowane i interaktywne aplikacje.