Веб-программирование

Обучение программированию

Делаете первые шаги в программировании? Представляем вашему вниманию пошаговое обучение самостоятельного создания сайтов любой сложности на примерах! На страницах сайта KobRU вы найдете все самое необходимое, для того чтобы по праву считаться веб-мастером по созданию привлекательных динамически изменяемых интернет-страниц, используя основные инструменты веб-разработчиков: HTML; CSS; PHP; MySQL; JAVASCRIPT и другие. Сайт KobRU - наиболее полное и качественно структурированное руководство с предельно понятными пояснениями и поэтапным изложением материала, который поможет вам в совершенстве овладеть искусством программирования. Добавьте динамики и интерактивность в свои веб-проекты!

Вход в личный кабинет

Забыли пароль?

Не зарегистрированны?


Конструкторское Web-бюро

6.1 Массивы в JavaScript

Что представляет собой массив?

Ранее мы с вами затрагивали понятие переменной. Сначала с помощью ключевого слова var обозначали переменную, а после присваивали ей значение:
var card = "King";
По сути, массив это такая же переменная, только с множеством значений. Для примера возьмем карты:

/* в международной практике карточные масти записываются так:
- пики = s
- буби = d
- черви = h
- крести = c
*/
var card = "K"; // одна карта "K" (King от англ. Король)

var cards = ["kh", "Ks", "Kc", "Kd"]; // записали в массив всех Королей в колоде

Более подробно...


6.2 Добавление элементов в массив

Первым делом создадим массив. Пусть будет массив отдельных карт одной масти (пики = s). Назовем его var cards.

 
var cards = ["8s","9s","Ts","Js","Qs"]; // 5 элементов (карт одной масти с 8 до дамы)
 

Как видите в нашем массиве 5 элементов, каждый из которых имеет свой уникальный индекс. Напомним еще раз, индексация элементов массива начинается с 0, не забывайте об этом, т.е. в нашем примере первый элемент массива ("8s") равен 0, последний ("Qs") равен 4.

Добавление элемента в конец массива

Зная, что в нашем массиве var cards всего 5 элементов и последний индекс заканчивается 4, то мы можем добавить новый элемент в массив следующим образом:

 
var cards = ["8s","9s","Ts","Js","Qs"]; // 5 элементов (карт одной масти с 8 до дамы)
 
cards[5] = "Ks"; //добавили новый элемент в конец массива, теперь в массиве 6 элементов

Сложность такого подхода в том, что если массив содержит много элементов их подсчет может быть очень неудобным. Для таких случаев есть более простое решение - свойство массива length, которое определяет длину массива, т.е. количество элементов в массиве. Посмотрим пример:

Более подробно...


6.3 Удаление элементов из массива

Удаление элемента из конца массива

Допустим, мы имеем дело с массивом, в котором находятся все карты одной масти:

// h - черви
 
var cards = ['2h','3h','4h','5h','6h','7h','8h','9h','Th','Jh','Qh','Kh','Ah'];
 

Если вам нужно удалить последний элемент массива, используйте метод pop(). Попробуем сначала вывести последний элемент в массиве, после удалить этот элемент и повторим вывод последнего элемента снова:

Запустить!
// h - черви
 
var cards = ['2h','3h','4h','5h','6h','7h','8h','9h','Th','Jh','Qh','Kh','Ah'];
alert(cards[cards.length-1]);  // выводим последний элемент массива (покажет Ah)
cards.pop();                   // удаляем последний элемент в массиве 
alert(cards[cards.length-1]);  // выводим последний элемент массива (теперь Kh)
 

Более подробно...


6.4 JavaScript метод splice()

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

Удаление элементов из массива с помощью метода splice()

Давайте еще раз на примере нашего карточного массива продемонстрируем вам как работает этот метод splice().
1. Первым делом пишем ключевое слово splice;
2. Ставим скобки ( );
3. Внутри скобок сначала пишем номер индекса элемента, с которого и будут удаляться элементы в массиве. Затем ставим запятую и пишем количество элементов на их удаление.

Более подробно...


6.5 Многомерный массив

Если вы представите массив в массиве, то это и будет многомерный массив. Говоря другими словами, массив, который содержит в себе в качестве элемента другой массив называется двумерным массивом. Как правило, программисты ограничивают себя трехмерными массивами и не усложняют себе жизнь более сложными построениями. Давайте рассмотрим все на примере игральных карт:

Запустить!
/* s - пики
   c - крести
   h - черви
   d - буби   */
 
var cards = ["s", "c", "h", "d"]; // создаем массив с 4 элементами (масти карт)
// ниже присваиваем карточной масти свои карты от 2 до туза
cards[0] = ['2s','3s','4s','5s','6s','7s','8s','9s','Ts','Js','Qs','Ks','As'];
cards[1] = ['2c','3c','4c','5c','6c','7c','8c','9c','Tc','Jc','Qc','Kc','Ac'];
cards[2] = ['2h','3h','4h','5h','6h','7h','8h','9h','Th','Jh','Qh','Kh','Ah'];
cards[3] = ['2d','3d','4d','5d','6d','7d','8d','9d','Td','Jd','Qd','Kd','Ad'];
 
alert(cards[0][0]);  // с помощью модального окна выводим ДВОЙКУ ПИК (2s)
alert(cards[3][12]); // с помощью модального окна выводим ТУЗ  БУБЕЙ (Ad)

Более подробно...


Первая Предыдущая 1 2 3 4 5 6 7 8 9 Следующая Последняя


Метки раздела JavaScript

Основы web программирования, var javascript, javascript функции, javascript обучение, javascript простые примеры, html javascript, javascript примеры, javascript random, уроки сайтостроения, java script, регулярные выражения, appendchild javascript, javascript бесплатно, javascript document write, javascript справочник, javascript примеры.