Массивы JavaScript

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

Массив в JavaScript имеет следующие общие форматы для присвоения значений элементов:

  sampleArr [0] = 1;  
  sampleArr [1] = "мороженое";  
  sampleArr [2] = 55 * (7 + "Альфа");  
  sampleArr [3] = shootTheMoon (73);  
  sampleArr [4] = otherArr [7];

или

  sampleArr = новый Array (1, "мороженое" (55 * (7 + альфа)), shootTheMoon (73),  
  otherArr [17]);

или, в JavaScript 1.2 или более поздние:

  sampleArr = [1, "мороженое" (55 * (7 + альфа)), shootTheMoon (73), otherArr [17]];

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

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

  alphaArr [0] = "UNO";  
  alphaArr [7] = "душ";  
  alphaArr [345] = "Трес";

Как правило, массивы нумеруются последовательно с тем, что данные могут быть добавлены и извлечены с помощью петли. Тем не менее, элемент массива может быть предусмотрено в любом порядке и использоваться как переменная.

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

Создание массива

Массивы создаются с помощью конструктора, так же как и другие объекты. Array () Конструктор использует следующий формат:

  VAR частей = новый Array ();

Теперь частей массива объекта, и вы можете добавлять данные, как показано в следующем формате:

  части [0] = "болты";  
  частей [1] = "орехи";

Как и при объявлении переменной, вам не нужно вводить данные при объявлении массива, но можно. Например, можно объявить и определить плотного массива, используя Array () Конструктор:

  VAR частей = новый Array ( "болты", "орехи", "шайбы", "винта");

Вы также можете создать массив, используя измерения аргумента. Если вы знаете заранее, сколько элементов в вашем массиве, можно объявить его и установить для него измерение в то же время. (В некоторых языках, особенно старые, вам необходимо включить аспект для массива резерва памяти для вашего массива.) Например, если вы создаете массив Сената США, и вы знаете, что у вас есть только 100 сенаторов, Вы могли бы объявить и аспект вашей массив следующим образом:

  VAR сенаторов = новый Array (100);

Когда объявили, и по размеру, вы можете добавить 100 элементов, но первый сенатор будет так:

  Сенаторы [0]

Последний будет так:

  Сенаторы [99]

Вы получите еще 100 элементов, но вы должны начинаться с 0 вместо 1.

В декларации с помощью измерения аргументом является исключением из правила, что первые данные значения в плотном массиве (в котором данные приводятся в скобках) считается элементом 0. Элемент 0 в массиве будет первым данным уступки после заявления. Так, например, следующее заявление первого аспекта массив на 5 и затем поступает в первый элемент массива (0) в 7 в следующей строке:

  VAR catWeights = новый Array (5);  
  catWeights (7,15,34,52,60);

Числовые значения данных 5 является не стоимость любого из массива элементов. Это длина массива, с элементами, начиная от 0-4.

ПРИМЕЧАНИЕ

Я использую тег <script language="JavaScript"> без указания номера версии JavaScript. Вам не нужно указывать номер версии, чтобы получить последнюю версию поддерживает JavaScript в вашем браузере. При использовании аспект спор с Netscape Navigator 4 (NN4), а затем, Вы столкнулись с ошибкой, если Вы укажете <script language="JavaScript1.2">, а затем пытаться размерности массива. NN4 + рассматривает заявление в измерении стоимости в качестве первого значения в массиве вместо длины массива. Например, попробуйте следующий сценарий:

 <html>  
 <head>  
  <script language="JavaScript1.2">  
  VAR = испытания нового Array (23)  
  document.write (test.length);  
  </ скрипт>  
  </ HEAD>  
 <body>  
  </ BODY>  
  </ HTML>

При запуске сценария с использованием NN4 или поздно, а 1 появляется на экране. Если вы удалите 1,2 атрибут из <script> метки, вернулся стоимость составляет 23, правильная длина. Поскольку JavaScript 1.5 работает только денди в Netscape Navigator 6 без указания номера версии в <script> тег, и для последней версии Internet Explorer также работает хорошо без указания номера версии, я предпочитаю оставить все номера версий, как привычка. Таким образом, я могу избежать ошибок, и охватывают более JavaScript и версии браузера.

Окончательный способ объявить массив с использованием JavaScript 1.2 или более поздней версии называется массив буквально. В декларации использует скобки вместо круглых скобках и не требует Array () конструктора. Название объекта массив объявляется просто путем присвоения ей значения в скобках, как показывает следующий сценарий:

 <html>  
 <head>  
  <script language="JavaScript">  
  VAR лир = [ "да", "нет", "возможно"];  
  document.write (литы [2]);  
  </ скрипт>  
  </ HEAD>  
  <body bgcolor=#face00>  
  </ BODY>  
  </ HTML>

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

Array свойства и методы

Как объект, массивы имеют единый имущества, продолжительность, а также несколько методов. Однако, Netscape Navigator 4 представил пять методов, Array.pop (), Array.push (), Array.shift (), Array.unshift (), и Array.splice (), которые не поддержали ни Internet Explorer или EMCA-262 стандарта. Чтобы избежать проблем, но и носить всеобъемлющий характер, я имею в NN4 + массив методов в разделе уведомляем Вас о том, что пользователи IE не будет разбирать их правильно. Как и все аксессуары JavaScript не поддерживается EMCA стандарты, я не рекомендую использовать эти методы для создания веб-сайтов, что рассчитывать на зрителей с помощью обоих основных браузерах.

Длина массива

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

 Array.length

Собственность легко передается переменной, как показывает следующий пример:

  VAR собак = новый Array ( "Бигл", "Терьер", "колли", "Mutt");  
  VAR dogTail = dogs.length;

Переменная dogTail будет иметь длину 4 из четырех элементов, составляющих массив. Длина имущество не относится к числу символов, которые составляют элемент массива, но она относится к числу элементов сами. Таким образом, следующий массив имеет длину 2, даже несмотря на более символов, которые используются, чем в первом примере с длиной 4:

  VAR собак = новый Array ( "Большой швейцарской горной собаки", "Ирландский Wolfhound");

Concatenating элементам массива: вступить (), toString (), и concat ()

Array.join () метод принимает все значения по всем элементам массива и создает один большой строкой. Например, попробуйте следующий сценарий:

joinArray.html

 <html>  
 <head>  
  <script language="JavaScript">  
  VAR деревья = новый Array ( "Элм", "Сосна", "Дуб");  
  VAR bigBush = trees.join ();  
  document.write (bigBush);  
  </ скрипт>  
  </ HEAD>  
  <body bgcolor=#ace007>  
  </ BODY>  
  </ HTML>

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

Array.join () метод принимает довод о том, что выступает в качестве разделителя. Что бы вы на месте присоединиться () скобки в кавычки заменяет запятыми. Например, измените эту строку:

  VAR bigBush = trees.join ();

  VAR bigBush = trees.join ( "И");

Затем запустите скрипт еще раз для другой результат. Второй результат Вязов и сосны и дуба.

Старый метод из JavaScript 1,1, что аналогично Array.join () метод Array.toString (). ToString () метод порождает те же результаты, как присоединиться (), но вы не можете указать соединительные элементы между символами, как можно объединить с ().

Третий метод используется для concatenating комбинация элементов в массивах Array.concat (). Не только не concat () метод объединить все существующие элементы, но это также добавляет элементами concat () аргумент. Так, например, путем изменения joinArray.html сценарий немного, можно увидеть, как она работает.

concatArray.html

 <html>  
 <head>  
  <script language="JavaScript">  
  VAR деревья = новый Array ( "Элм", "Сосна", "Дуб");  
  VAR biggerBush = trees.concat ( "Клен", "явор");  
  VAR bigBush = trees.join ();  
  document.write (biggerBush);  
  Оповещение (bigBush);  
  </ скрипт>  
  </ HEAD>  
  <body bgcolor=#ace007>  
  </ BODY>  
  </ HTML>

Очень важной частью concatArray.html сценарий заключается в том, что вы можете видеть, что Array.concat () метод не изменяет содержимое массива. Массив с именем деревья еще только три элемента. Это свидетельствует тот факт, что в сообщении показывает только три элемента, даже несмотря на то, что переменная bigBush был определен после biggerBush переменная была определена и добавил, клен явор и данные смешиваются. Чтобы добавить элементы в массив, вы присвоить новые значения для имен элементов. Например, чтобы включить клен явор и данные в массив, вы могли бы написать так:

  деревья [3] = "Клен"; / / Четвертый элемент 3 после первого 0  
  деревья [4] = "явор";

Изменение порядка массива: сортировка () и обратный ()

Два из них будут доступны для изменения порядка элементов массива. Первые сорта массив строк элементов в алфавитном порядке, а второй переворачивает их порядок.

Array.sort () Метод очень прост, особенно при использовании строк. После ввода всех строк в массиве, то просто введите название массива и метод, а массив упорядочен в алфавитном порядке. В следующем примере показано, так как сортировка () метод работает и как массив элементов взяты с петлей заявление.

sortArray.html

 <html>  
 <head>  
  <script language="JavaScript">  
  VAR зоопарк = новый Array ( "зебра", "львы", "обезьяны", "тигры");  
  zoo.sort ();  
  VAR newZoo = "";  
  для (VAR борьбе = 0; противодействия <zoo.length; противодействия + +) ( 
  newZoo + = (зоопарк [счетчик] + "<br>");  
  )  
  document.write ( "<p> Алфавитный Животные <p>" + newZoo);  
  </ скрипт>  
  </ HEAD>  
  <body bgcolor="lightsteelblue">  
  </ BODY>  
  </ HTML>

Все эти значения расположены в алфавитном порядке.

обезьяны

львов

тигры

зебр

Для заказа списках какой бы то ни было, вы найдете Array.sort () Метод удобный инструмент.

Array.reverse () метод просто меняет порядок следования данных в массиве. Первый элемент становится последним элементом, а все остальное в массив, а вспять. Например, следующее:

  VAR majorCities = новый Array ( "Токио", "Лос-Анджелес", "Париж", "Пекин", "Блумфилд")  
  marjorCities.reverse ();

будет вернуться в следующем:

  Блумфилд, Пекине, Париже, Лос-Анджелес, Токио

С помощью Array.sort () и Array.reverse (), в концерте, вы можете изменить по возрастанию и убыванию приказы Сортировка списка.

Извлечение подмассивы: ломтик ()

Чтобы указать subarray, использование Array.slice (). Общий вид, используя кусочек () показана здесь:

  ArrayName.slice (начала, конца)

или

  ArrayName.slice (начать конца)

Например, если у вас есть эти заявления:

  компьютер = [ "Делл", "Врата", "Яблоко", "IBM", "HP"];  
  computer.slice (2,4);

рентабельность будет

  Apple, IBM

Использование единого аргумента принимает элементов из аргументов в конец массива, как это определено аргумент. Например:

  computer.slice (2);

вернутся

  Apple, IBM, HP,

Отрицательные числа составляют окончательный тип аргументов, используемых в Array.slice () метод. Отрицательное значение начинается с последнего элемента в массиве, как -1 и затем рассчитывает обратных к первому элементу. Например, заявление с примером в этом разделе:

  computer.slice (-1)

возвращает это:

HP

В отличие от передней подсчета ломтики, которые начинаются с 0, последний элемент в массиве определяется как -1, используя кусочек () метода с массивом.

Навигатор массивами 4 Основные методы: Pop (), Push (), сдвига (), unshift (), сращивание ()

Это последний набор методов добавляет немало утилиты для работы с массивами, и вы можете выполнять стек-подобных операций с массивом. Если вы когда-либо письменных программ в форт или написанного кода для Adobe PostScript, вы работали с блоком, и поп () и нажимаем () знакомы. Каждая из пяти кратко описана с краткого объяснения, и основывается на следующих один пример:

  VAR stackWork = новый Array ( "Ленни", "Гарольд", "Мария", "Жан", "Салам");

Array.pop () удаляет последний элемент массива и возвращает его.

stackWork.pop (); возвращает Сал и удаляет его из массива. Если второе идентичное заявление были сделаны на следующей строке, он будет возвращаться Жан.

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

  stackWork.push ( "Делия");

В поп () операцию, он будет первым Отключить (LIFO последней в первую Off).

Array.shift () удаляет первый элемент массива и возвращает его. Например, это возвращение Ленни, удалить его из массива и сместить остальные элементы слева:

  stackWork.shift ();

Элемент 0 станет Гарольд.

Array.unshift () похожа на Push () методом, за исключением того, что новый элемент помещается в передней части массива (дно стека). Если вы вошли в следующий, первый элемент (элемент 0) в массиве будет иметь значения Уилли, стоимость Ленни будет перенесен на права в элементе 1, и так далее для всего массива:

  stackWork.unshift ( "Вилли");

Наконец, Array.splice () является методом, используемым для вставки, удаления, и заменить значения в массиве элементов. Этот метод имеет три аргумента, "Пуск", удалить, и данные. Исходное положение определяет, когда новые значения (данные), следует включить и где начинаются исключения. Если нет исключений указаны, сращивание () метод имеет эффект включение элемента и значения в массиве. Например, следующий показывает, как вставить стоимость Фреда во второй элемент, в результате чего сначала как она является и переход к остальным право:

  stackWork.splice (1,0, "Фред");

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

Статья, представленная Джорджем Freedrich