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

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

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

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

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

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


Конструкторское Web-бюро
6.2 Добавление элементов в массив

Автор: Denisido

Дата: 2010-07-09

Первым делом создадим массив. Пусть будет массив отдельных карт одной масти (пики = 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, которое определяет длину массива, т.е. количество элементов в массиве. Посмотрим пример:

Запустить!
 
var cards = ["8s","9s","Ts","Js","Qs"]; // 5 элементов (карт одной масти с 8 до дамы)
 
cards[cards.length] = "Ks"; /* добавляем новый элемент в массив с помощью
                               свойства lenght */
 
for(i = 0; i < cards.length; i++) {                 // создаем цикл 
                                  alert(cards[i]);  // выводим весь массив
                                  };

В 4 строке нашего кода мы добавили запись в виде cards[cards.length];. Этот код идентичен cards[5];, так как свойство length, как и говорилось выше, определяет количество всех элементов в массиве. Говоря другими словами, нам не нужно считать элементы, вместо этого пишем сам массив, ставим точку и применяем ключевое слово length. В строке 7 мы также применяем свойство length - сперва определяем начало отсчета счетчика с 0, далее идет условие, в котором расписываем, если значение счетчика меньше длины массива, то увеличиваем счетчик на единицу и выполняем код в фигурных скобках (в теле цикла), где выводим элементы массива с помощью команды alert(), можно применить document.write(). Иначе говоря все выглядит так:
0 меньше, чем 6? Да, меньше. Увеличиваем счетчик на 1 и выполняем код в теле цикла
1 меньше, чем 6? Да, меньше. Увеличиваем счетчик на 1 и выполняем код в теле цикла
2 меньше, чем 6? Да, меньше. Увеличиваем счетчик на 1 и выполняем код в теле цикла
.....................................................
6 меньше, чем 6? Нет. Цикл прекращается.

Метод push()

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

Запустить!
 
var cards = ["8s","9s","Ts","Js","Qs"]; // 5 элементов (карт одной масти с 8 до дамы)
 
cards.push("Ks","As");      /* добавляем новые элементы в массив с помощью
                               метода push() */
 
for(i = 0; i < cards.length; i++) {                          // создаем цикл 
                              document.write(cards[i]+' ');  // выводим весь массив
                                  };

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

Метод unshift()

Если вам необходимо добавить элементы в самом начале массива, используйте метод unshift. Он работает по тому же принципу, что и метод push().

Запустить!
 
var cards = ["8s","9s","Ts","Js","Qs"]; // 5 элементов (карт одной масти с 8 до дамы)
 
cards.unshift("5s","6s","7s");      /* добавляем новые элементы в массив с помощью
                                       метода unshift() */
 
for(i = 0; i < cards.length; i++) {                          // создаем цикл 
                              document.write(cards[i]+' ');  // выводим весь массив
                                  };



Оцените материал по 5-ти бальной шкале: 1 2 3 4 5



Коментарии:

Добавить новый коментарий:

Текст коментария:

Введите результат с картинки

Просмотров: 27723

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

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