1. JavaScript об'єкти

• Object (об'єкти)

• Number (обробка чисел)

• String (обробка рядків)

• Array (масиви)

• Math (математичні формули, функції і константи)

• Date (робота з датами і часом)

• RegExp

• Global (його властивості Infinity, NaN, undefined)

• Function

З усіма цими об'єктами ми познайомимося пізніше, з деякими з них ми частково вже знайомі.

Object - об'єкт, який міститься у всіх інших об'єктах і забезпечує їх загальну функціональність.

Об'єкт function - функції є об'єктами першого класу, тобто можуть присвоюватися змінним, виступати аргументами інших функцій і бути результатом функцій

Оголошення нових об'єктів відбувається однаково, незалежно від об'єкта (використовується службове слово new):

Як видно з прикладу, в javascript оголошення масиву відбувається точно так само, як і у інших об'єктів.

2. JavaScript масиви, тип даних Array

Тепер докладніше розглянемо об'єкт масив.

Рішення:

У javascript довжина масиву - властивість  length  .

3. Javascript створення масиву

Створення елементів масиву можливо декількома способами:

1. 
   

   var earth = new Array(4); /* масив з 4-х елементів*/
   earth[0] = "Планета";
   earth[1] = "24 часа";
   earth[2] = 6378;
   earth[3] = 365.25;

2. 
   

   var earth = new Array("Планета", "24 часа", 6378, 365.25);

3. 
   

   var earth = new Array(); // порожній масив
   earth.xtype = "Планета";
   earth.xday = "24 часа";
   earth.radius = 6378;
   earth.period = 365.25;

4. 
   

   var country = ["Україна", "Білорусія", "Казахстан"];

4. Javascript: робота з масивами

Вивід елементів масиву

1. Розглянемо, як здійснюється в javascript висновок масиву з використанням звичайного циклу  for  :

   var mas=new Array(1,25,'Привіт');
   
   function showElement(){
       for(i=0;i<3;i++)
           document.writeln(mas[i]);
   }
   showElement();

   Результат:

   1 25 Привіт

2. Використання циклу  for in  для перебору елементів масиву:

   var mas=new Array(1,25,'Привіт');
   
   function showElement(){
       for(var i in mas){
           document.writeln(mas[i]);
       }
   }
   showElement();

   Результат:

   1 25 Привіт

Пояснення: У прикладі в рядку  arr[5] = 5;  відбувається розширення масиву - в 5-й індекс заноситься значення  5  . Цикл заповнює елементи типом  undefined  , елементи які ми не використали - вони залишаються порожніми.

Видалення елементів масиву

5. Властивості масиву (Array) в javaScript

Масив - зумовлений об'єкт. Доступ і звернення до елементів масиву здійснюється за допомогою точкової нотації (через символ « . «):

Рішення:

Пошук елемента в масиві

У javascript пошук елемента в масиві можна здійснити через функцію:

var arr = new Array();
arr[0] = "element1";
arr[1] = "element2";
arr[2] = "element3";
function findValue(theValue){
    for (var i = 0; i<arr.length;i++){
        if(arr[i] == theValue)
            break; // якщо знайшли - вихід з циклу
    }
    if (i<arr.length) // якщо не знайшли, то i=arr.length
        return i // якщо знайшли - повертаємо індекс
    else
        return 0; // якщо не знайшли - повертаємо 0

}
var elem=findValue("element2");
if (elem) alert ("елемент знайдений, його індекс ="+elem)
else alert("елемент не знайдений");

Пояснення: У прикладі функція, організована для пошуку елемента масиву, має один аргумент ( theValue ) - значення шуканого елемента масиву. У разі знаходження елемента функція повертає індекс знайденого елементу, якщо елемент не знайдений - функція поверне  0 .

6. Методи масиву (Array) в javaScript

Розглянемо деякі javascript методи масиву.

1. 
   

   Часто використовуваним методом в javascript array є  concat()  .
   Метод javaScript  concat()  - конкатенація масивів, об'єднує два масиви в третій масив, тобто формує і повертає об'єднаний масив, що містить всі елементи вихідного масиву і значення всіх аргументів, переданих методу

   ім'я_масиву1 . concat ( масив2 ) 

   Розглянемо приклад використання методу concat:

   var a1= new Array(1, 2, "Звезда");
   var а2 = new Array("a", "б", "в", "г");
   var аЗ = a1.concat(a2);
   /* результат - масив з елементами: 1, 2, "Зірка", "а", "б", "в", "г" */

   Завдання array 5_5. Доповніть код згідно із завданням:
   В змінну  a  привласнити повертане значення методу  concat  , передавши в цей метод два значення
    4  і  5  . Що буде виведено на екран ?:

   var a = [1, 2, 3];
   a = ...
   document.write(a);

2. 
   

   Метод javaScript  join(роздільник)  - створює рядок з елементів масиву з вказаним роздільником між ними (перетворює всі елементи масиву в рядки і об'єднує їх через вказаний роздільник)

   ім'я_масиву . join ( рядок ) 

   Приклад використання методу join:

   var а = new array(1, 2, "Звезда")
   a.join(",") // значення - рядок "1,2, Зірка"
   
   var а = new array(1, 2, "Звезда")
   a.join(" ") // значення - рядок "1 2 Зірка"

   Завдання array 5_6. Доповніть код, згідно із завданням:
   У рядку оголошення змінної  res  привласнити значення: на масиві  arr  викликати метод  join  , в який передати аргумент (тег  br  ) і вивести на екран значення змінної  res  

   var arr = ["Edward", "Andrey", "Chris"]
   var res = ...
   document.write(res);

3. 
   

   Метод javaScript  shift()  - видаляє перший елемент масиву і повертає результуючий масив, зміщуючи всі наступні елементи на одну позицію вліво

   ім'я_масиву . shift () 

   Приклад використання методу shift:

   var x = ["a", "b", "c", "d"];
   x.shift();
   document.write(x);
   // виведе на екран оглядача рядок b, c, d.

4. 
   

   Метод javaScript  рор()  - видаляє останній елемент масиву і повертає результуючий масив

   ім'я_масиву . pop () 

   Приклад використання методу pop:

   var x = ["a", "b", "c", "d"];
   x.pop();
   document.write(x);
   // виведе на екран оглядача рядок a, b, c.

   Завдання array 5_7. Доповніть код згідно з інструкцією:
   Присвоїти значення методу  pop()  в змінну  len . Вивести окремо результуючий масив і окремо його віддалений елемент (значення змінної  len ):

   var arr = ["January", "February", "March", "April", "May", "June"];
   var len = ...
   document.write(arr.join(" ")+"</br>");
   document.write(len);

5. 
   

   Метод javaScript  unshift(значення)  - додає до масиву вказане значення в якості першого елемента

   ім'я_масиву . unshift ( значення ) 

   Приклад використання методу unshift:

   var x = ["a", "b", "c", "d"];
   document.write(x.unshift("e"));
   // виведе на екран оглядача число 5

6. 
   

   Метод javascript  push(значення)  - додає до масиву вказане значення в якості останнього елемента і повертає нову довжину масиву

   ім'я_масиву . push ( значення ) 

   Приклад використання методу push:

   var x = ["a", "b", "c", "d"];
   document.write(x.push("e"));
   // виведе на екран оглядача число 5

7. 
   

   Метод javaScript &bsp;reverse()  - змінює порядок проходження елементів масиву на протилежний

   ім'я_масиву . reverse () 

   Приклад використання методу reverse:

   var x = new Array();
   x[0] = 0; x[2] = 2; x[4] = 4;
   document.write(x.reverse());
   // виведе на екран оглядача рядок 4,,2,,0

   Завдання array 5_8. Що виведе на екран наступний фрагмент коду?

   var a = new Array(11, 22, 33, 44, 55, 66, 77);
   a.reverse();
   document.write(a.join("<br/>"));

8. 
   

   Метод javascript  slice(індекс1 [, індекс2])  - створює масив з елементів вихідного масиву з індексами зазначеного діапазону (повертає підмасив зазначеного масиву).

   ім'я_масиву . slice  ( індекс1  [,  індекс2 ]) 

   Приклад:

   var a = new Array(1, 2, 'Звезда' , 'а' , 'b');
   alert(a.slice(1,3));
   // масив з елементами: 2, "Зірка"
   alert(a.slice(2));
   // масив з елементами: "Зірка", "а", "b"

   Завдання array 5_9. Доповніть код згідно із завданням:
   Присвоїти змінній  t  значення що повертається методу  slice()  , який буде повертати перших 3 значення з масиву:

   var a = [1, 2, 3, 4, 5, 6, 7];
   var t = ...
   document.write(t);

9. 
   

   Метод javaScript  sort()  - сортує (впорядковує) елементи масиву (якщо рядкові елементи, то спочатку відбудеться сортування тексту, потім сортування за алфавітом)

   ім'я_масиву . sort () 

   Приклад використання методу sotr:

   var arr = [1, 16, 2];
   arr.sort();
   document.write(arr.join("<p>"));
   /*
   Выведет на экран:
    1
    16
    2
   */

10. 
    

    Метод javaScript  splice(індекс, кількість)  - видаляє з масиву кілька елементів і повертає масив з видалених елементів або замінює значення елементів. Тобто цей метод використовується для вставки і видалення елементів з масиву.

    ім'я_масиву . splice ( індекс ,  кількість ) 

    Приклад використання методу splice:

    var a = new Array('Ivan','Max','Peter',12,5);
    var x = a.splice(1,3);
    document.write(x+"<br>"); // Max,Peter,12
    document.write(a); // Ivan,5

    Завдання array 5_10. Доповніть код згідно із завданням:
    В змінну  d  присвоїти значення методу  splice()  , який повинен видалити числа  2  ,  3  ,  4  з масиву:

    var a = [1, 2, 3, 4, 5, 6, 7];
    var d = ...
    document.write(a);

11. 
    

     toLocaleString() ,  toString()  - перетворять вміст масиву в символьний рядок

    Завдання array 5_11. Дан масив з чисел: 1, 2, 3, 4, 5. Роздрукувати масив в зворотному порядку (5, 4, 3, 2, 1), використовуючи функцію javaScript  reverse() 

    Завдання array 5_12. Дан масив з елементів: 'c', 5, 2, 'b', 3, 1, 4, 'a'. Роздрукувати масив, попередньо відсортувавши його по зростанню (1, 2, 3, 4, 5, a, b, c)

    Завдання array 5_13. Дан масив з елементів: 1, 2, 3, 4, 5. Роздрукувати вихідний масив і масив, що вийшов з елементів вихідного масиву, з роздільником « + » (метод javaScript  join  - 1 + 2 + 3 + 4 + 5)

7. Асоціативний масив в javaScript

На жаль, в javascript не передбачені методи для роботи з асоціативними масивами. З цієї причини вони використовуються досить рідко. Однак, їх зручно використовувати для зберігання даних, тому що їх використання полегшує запам'ятовування елементів.

Приклад створення асоціативного масиву:

var pupil = { name: "Andrey", group: "1" };

Інший приклад:

var m_list = new Object();

m_list["fat"] = "Повний";
m_list["small"] = "Маленький";
m_list["name"] = "Іван";

for (var x in m_list) // виведемо на екран всі елементи
    document.write(m_list[x] + "<br>");

8. Багатовимірні масиви

Так як масиви JavaScript можуть в якості елементів використовувати інші масиви, то чому б цю можливість не використовувати для створення багатовимірних масивів. Для доступу до елементів в масиві масивів досить використовувати квадратні дужки двічі.

var matrica = [
    [5, 5, 5],
    [1, 5, 1],
    [2, 2, 2]
];

document.write(matrica[1][1]); // обраний елемент по центру (5)