Багатовимірні масиви, прокручування

Курси програмування онлайн

Все більше дітей мають потяг до освоєння мов програмування, створення власних проектів і верстки, тому найкращим рішенням буде записати їх на курси програмування, які можуть проходити навіть онлайн.
Програмісти є дуже затребуваними фахівцями, і це також одна з причин, чому варто розпочати навчання програмування з дитинства.

Вивчення програмування будується на розумінні принципів написання коду, його синтаксису, що і для чого потрібно в кожному рядку, а також важливою частиною стає практична робота, де потрібно застосовувати набуті навички і намагатися створювати вже свої проекти. Усьому цьому Ваша дитина зможе навчитися, відвідуючи курси програмування, на яких висококваліфіковані викладачі чітко та структуровано все пояснять у вигляді теорії та покажуть на практиці.

У цій статті розберемо одну з важливих тем такої динамічної мови програмування, як JavaScript, під назвою багатовимірні масиви і розглянемо, як можна використовувати прокручування, працюючи над проектами.

Масиви

Масив — це набір значень під назвою елементи, у кожного з яких є свій індекс. Розглядаючи динамічну мову програмування JavaScript, підкреслимо, що масиви можуть бути будь-якого типу. Індекси елементів, як і скрізь беруть свій початок із нуля.

• Створення масивів

Найкраще починати створення за допомогою літералу, який буде у вигляді списку елементів у квадратних дужках, записаних за допомогою коми.

Приклад:
var empty = [];
var elements = [15, 16, 17, 18, 19];

Ще один варіант створення вимагає виклику конструктора, розглянемо кілька способів:

• Перший спосіб дозволяє викликати конструктор без аргументів, наприклад:
  var arr = new Array();
• Наступний спосіб передбачає виклик конструктора з одним аргументом, який визначає довжину масиву:

var arr = новий Array (15);
Такий спосіб запису добре підходить при виділенні пам’яті заздалегідь, якщо Ви вже вирішили, як багато елементів у ньому зберігатимете.

• Третій спосіб викликає конструктор з точною вказівкою значень перших елементів, записаних, наприклад, як числа.
  Наприклад: var arr = new Array (22, 23, 24, 25, 25, “Привіт”);

 

Як отримати доступ до елементів

Це можна зробити, якщо використовувати оператор []. Форма запису передбачає посилання на масив і якийсь вираз, який повертатиме позитивне ціле значення, записане в квадратних дужках. Розглянемо приклад коду для доступу до елементів:
var arr = [“spring”];
var value = arr [0];

Як додати нові елементи

Ви можете користуватися методом push() для запису значень в кінець масиву.
var arr = [];
arr.push(‘one’);
arr.push(‘two’,3);

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

У JavaScript у Вас не вдасться створити такі ж багатовимірні масиви, проте Ви можете скористатися методом створення масивів із масивів. Щоб у Вас був доступ до якогось елемента, необхідно двічі використовувати символ [].

Розглянемо приклад:
var table = new Array(9);

for(var i = 0; i < table.length; i++)
table[i] = новий Array(9);

for(var row = 0, str = ”; row <table.length; row++) {
for(var col = 0; col <table[row].length; col++) {
table[row][col] = (row+1)*(col+1);
str += table[row][col] + ”;
}
console.log(str + ‘\n’);
str = ”;
}
Використовуючи такий код на екрані, Ви отримаєте таблицю множення.

Розглянемо ще кілька важливих методів

• Метод join()
  За допомогою Array.join() Ви можете перетворювати елементи масиву в кілька рядків і об’єднувати їх з поверненням до одного
  Наприклад:
  var arr = [25,26,27];
  arr.join();
  arr.join(“-“);
• Метод reverse()
  Цей спосіб може змінювати порядок того, як записуватимуться елементи в масиві, як варіант, у зворотному порядку. Розглянемо приклад коду для перестановки елементів:
  var arr = [25,26,27];
  arr.reverse().join();
  Результатом буде: 25,26,27
• Метод Array.sort()
  Він служить для того, щоб ви могли відсортувати елементи та повернути їх відсортованими. Написавши цей метод без аргументів, сортування здійснюватиметься за абеткою.

var arr = [44, 5, 5678, 765];
arr.sort();
arr.sort(function(a,b) {

return a-b;

});
Array.concat()

Цей метод допомагає створити й повернути нову колекцію, де знаходяться елементи колекції. Якщо якийсь із аргументів, який був переданий цьому методу був масивом, його елементи додадуться в масив, що повертається.
var arr = [8,9,10];
arr.concat (11, 12);
arr.concat([11,12]);
arr.concat([11,12],[13,14])
arr.concat(11, [12,[13,14]])
push() та pop()

За допомогою першого методу можна додавати від одного до декількох елементів до колекції.
За допомогою другого, дії будуть протилежні першому – видалення.

Прокручування

Розглянемо, як Ви можете користуватися прокруткою
Функція Window.scroll() допомагає прокручувати сторінку до потрібного місця.
Синтаксис виразу виглядає так: window.scroll(x-coord,y-coord), де

• x-coord – це x-координата пікселя, який перебуватиме у верхньому лівому куті екрана.
• y-coord- це y-координата пікселя, який перебуватиме у верхньому лівому кутку екрана.
  Приклад коду для прокручування:
  <!– прокрутити до пікселя з y = 150 –>
  <button onClick=”scroll(0, 150);”>прокрутити</button>
  Таким чином, очевидно, що трохи розібравши теорію та спробувавши написати пару рядків простого коду, навчання кодингу не є складним заняттям, а навпаки цікавим та веселим.

Курси програмування онлайн для підлітків

Якщо Ви все-таки вирішили записати дитину на курси вивчення програмування, радимо Вам звернутися до школи GoMother – курси програмування онлайн. Там Ви навіть можете самі обирати формат проведення заняття, оскільки навчання може відбуватися як онлайн, так і на локаціях м. Академмістечко, м. Житомирська.

Також ми радимо пройти тест із цієї теми, який можна знайти вгорі нашої сторінки. Результатом тестування є сертифікат, який Ви можете обміняти у адміністратора на коїни, а потім обміняти самі коїни на подарунки.
Мета цієї школи програмування показати учням велику кількість можливостей програмування, допомогти освоїти різні гілки кодингу, ознайомити із практичним застосуванням знань. Все це дозволить Вашій дитині стати професіоналом та отримувати за це у майбутньому гідну оплату.