Javascript - absoliutūs pagrindai

Absoliučiai absoliutūs Javascript pagrindai.

Komentarai

Komentarai skirti komentuoti kodą. Komentarai neįtakoja programos veikimo. Komentarai įtakoja kodą skaitančio programuotojo gebėjimą suprasti kodą.
Komentarų pavyzdžiai:

1
2
3
4
5
6
//Vienos eilutės komentaras

/* Kelių
   eilučių
   komentaras
*/

Kintamieji

Kintamieji yra globalūs arba lokalūs. Tiek vieni, tiek kiti sukuriami prieš pavadinimą parašius žodelį ‘var‘:

1
var x = 2;
  • Lokalūs kintamieji - tai kintamieji sukurti funkcijoje. Jie galioja sukurtoje funkcijoje.
  • Globalūs kintamieji - tai kintamieji sukurti ne funkcijoje. Jie galioja visoje programoje.

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/var

Kintamųjų tipai

Kintamieji gali būti arba primityvūs arba objektai.

  • Primityvūs kintamieji:

    • Skaičiai (0, 1, 1.3, NaN, Infinity)
    • Raidžių eilutės ('raidės', "eilutės")
    • Loginiai (true/false)
    • null
    • undefined

  • Objektai:

    • Visi kiti (funkcijos, masyvai, data, …)

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures

Loginės sąlygos

Galima padaryti taip, kad tam tikras kodas būtų įvykdytas tik jeigu tenkinama sąlyga - loginio kintamojo reikšmė yra true.

1
2
3
4
5
6
7
8
if (loginisKintamasis) {
  //Jeigu kintamasis 'loginisKintamasis' yra 'true', bus vykdomas šis kodas
  //...
}
else {
  //Jeigu kintamasis 'loginisKintamasis' yra 'false', bus vykdomas šis kodas
  //..
}

Su loginiais kintamaisiais galima atlikti *”ir”* bei *”arba”* operacijas.

Operacija Užrašymas JavaScripte    Pavyzdys    Ką reiškia
ir && kint1 && kint2 Jeigu kint1 yra true ir kint2 yra true, tai rezultatas bus true. Visais kitais atvejais - false
arba || kint1 || kint2 Jeigu kint1 yra true arba kint2 yra true, tai rezultatas bus true. Visais kitais atvejais - false
ne ! !kint1 Jeigu kint1 buvo true, tai tampa false. Jeigu buvo false, tai tampa true

Logines sąlygas galima apjungti:

1
2
3
if (!(kint1 && kint2 || kint3)) {
  //...
}

Ciklai

Galima pakartoti kodo gabalą kiek nori kartų. Yra keli ciklų užrašymo būdai:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

for (var i = 0; i < 100; i++) {
  //Ciklas kartotis 100 kartų
  //...
}

while (logineSąlyga) {
  //Ciklas kartotis tol, kol 'logineSąlyga' bus 'true'
  //...
}

do {
  //Ciklas kartotis tol, kol 'logineSąlyga' bus 'true'
  //...
} while (logineSąlyga);

Matematika

Su skaičiais galima atlikti matematinius veiksmus:

| Operacija | Pavyzdys | Ką reiškia | |————-|———————–| | sudėtis | kint1 + kint2 | Sudeda du kintamuosius | atimtis | kint1 - kint2 | Iš kint1 atima kint2 | daugyba | kint1 * kint2 | Sudaugina du kintamuosius | dalyba | kint1 / kint2 | Padalina kint1 iš kint2 | liekana | kint1 % kint2 | Padalina kint1 iš kint2 ir gražina liekaną | kėlimas laipsniu | Math.pow(kint1, laips) | Pakelia kint1laipsniu | apvalinimas | Math.round(kint1) | Suapvalina kint1 iki sveiko skaičiaus

Raidės

1
2
var eilute1="Ananasas";
var eilute2="Ona";
  • Simbolių eilutes galima sujungti: eilute1 + eilute2 taps "AnanasasOna".
  • Galima gauti simbolių eilutės raidę eilute1[raidesNrNuoPradžiosSkaičiuojantNuo0], pvz eilute1[3] bus ‘n’.
  • Galima suskaldyti eilutę į masyvą: eilute1.split('a') gražins ["An", "n", "s", "s"].
  • Galima gauti dalį eilutės: eilute1.substr(pradzia, kiekRaidziuGrazinti), pvz: eilute1.substr(2, 3) gražins ‘ana’.
  • Galima ieškoti eilutėje: eilute1.indexOf('s') gražins 5.

Funkcijos

Funkcijos vykdo kodą. Funkcijos priima parametrus. Funkcijos gražina rezultatą.
Funkcijos pavyzdys:

1
2
3
4
function sudėtis(parametras1, parametras2) {
  var rezultatas = parametras1 + parametras2;
  return rezultatas;
}

Funkcijas galima iškviesti. Funkcijų rezultatą galima įrašyti į kintamąjį.

1
var kintamasis = sudėtis(2, 3);

Funkcijos gali būti ir be pavadinimo:

1
2
3
function(parametras) {
  return 42;
}

Funkcijas galima priskirti kintamajam:

1
2
3
4
var sudėtis = function(parametras1, parametras2) {
  var rezultatas = parametras1 + parametras2;
  return rezultatas;
}

Funkcijas, priskirtas kintamajam galima iškviesti:

1
var kintamasis = sudėtis(2, 3);

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions

Objektai

Objektas yra reikšmių rinkinys. Objekte galima saugoti objektus. Javascript’e viskas, kas yra ne primityvus tipas, yra objektas. Objekto pavyzdys:

1
2
3
4
{
  elementas1 : 2,
  elementas2 : "Teksto eilutė"
}

Objektus galima priskirti kintamajam:

1
2
3
4
var kintamasis = {
  elementas1 : 2,
  elementas2 : "Teksto eilutė"
}

Objektų reikšmes galima gauti dviem būdais:

1
2
3
4
5
6
7
//Pirmas būdas:
var pirmas = kintamasis['elementas1'];
var antras = kintamasis['elementas2'];

//Antras būdas:
var pirmas = kintamasis.elementas1;
var antras = kintamasis.elementas2;

Objektų reikšmes galima keisti dviem būdais:

1
2
3
4
5
//Pirmas būdas:
kintamasis['elementas1'] = 5;

//Antras būdas:
kintamasis.elementas1 = 5;

Naujas objektų reikšmes galima pridėti dviem būdais:

1
2
3
4
5
//Pirmas būdas:
kintamasis['elementas3'] = 3;

//Antras būdas:
kintamasis.elementas3 = 3;

Funkcija yra objektas:

1
2
function x(){}
x['elementas5'] = 5;

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object

Masyvas

Masyvas yra objektų sąrašas. Masyvas irgi yra objektas.

Masyvo pavyzdys:

1
var masyvas = [1, 2, 3, 4, 'penki', {šeši: true}];

Į masyvo galą galima pridėti elementų:

1
masyvas.push(7);

Iš masyvo galima pašalinti paskutinį elementą:

1
masyvas.pop();

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array

Kas toliau?