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

Многомерные массивы, прокрутка

Прокрутить вниз

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

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

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

В этой статье разберем одну из важных тем такого динамического языка программирования как JavaScript, под названием многомерные массивы и рассмотрим, как можно использовать прокрутку, работая над проектами.

Массивы

Массив — это набор значений, под названием элементы, у каждого из которых есть свой индекс. Рассматривая динамический язык программирования JavaScript, подчеркнем, что в нем массивы могут быть любого типа. Индексы элементов, как и везде берут свое начало с нуля.

  • Создание массивов
    Лучше всего начинать создание с помощью литерала, который будет в виде списка элементов в квадратных скобках, записанных с помощью запятой.
    Пример:
    var empty = [];
    var elements = [15, 16, 17, 18, 19];
    Еще один вариант создания требует вызова конструктора, рассмотрим несколько способов:
  • Первый способ позволяет вызывать конструктор без аргументов, например:
    var arr = new Array();
  • Следующий способ предполагает вызов конструктора с одним аргументом, который определяет длину массива:

var arr = new 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] = new 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. Там Вы даже моете сами выбирать формат проведения занятия, так как обучение может происходить как онлайн, так и на локациях м. Академгородок, м. Житомирская.

Также мы советуем пройти тест по этой теме, который можно найти вверху нашей страницы. Результатом прохождения теста является сертификат, который Вы можете обменять у администратора на коины, а затем обменять сами коины на подарки.Цель данной школы программирования показать ученикам большое количество возможностей программирования, помочь освоить разные ветви кодинга, ознакомить с практическим применением знаний. Все это позволит Вашему ребенку стать профессионалом и получать за это в будущем достойную оплату.