Javascript-массивы

Начиная с основ.

Ян Джонс

Массивы — это основа всего, что вы делаете в Javascript. Они являются одним из основных способов хранения данных.

Синтаксис массивов в Javascript прост.

var foo = [];

Что входит в массив?

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

var randomArray = [ 'string', 42, [Function: doStuff] ];

Методы массива

Существует множество операций, которые можно выполнять над массивом. Есть несколько популярных, и каждый разработчик Javascript должен их знать. Чтобы начать с основ, Array.push() — это простой способ добавления данных в массив. Используя пустой массив foo, объявленный выше, мы можем сделать следующее:

foo.push('bar');
// ['bar']
foo.push('This is easy');
// ['bar', 'This is easy']

Как видите, в Array.push() не так много всего, но вы будете удивлены, как часто вы на самом деле используете этот метод.

Чтобы получить значения, которые вы поместили в массив, вам нужно перебрать массив и отобразить их одно за другим. Старомодным способом сделать это было бы использование цикла for, подобного этому:

for (i = 0; i < foo.length; i++){
  console.log(foo[i]);
}
// 'bar' 
// 'This is easy'

В настоящее время лучшей практикой является использование Array.forEach(). Метод .forEach() убирает то, как вы перебираете массив, и позволяет вам сосредоточиться на том, что вы делаете с массивом.

foo.forEach(function (item, index){
 console.log(item, index)
});
// 'bar' 0
// 'This is easy' 1

Использование метода forEach() имеет много преимуществ. Использование этого метода позволяет нам кодировать в стиле функционального программирования. Это важно, потому что, когда вы зацикливаетесь на данных, у вас не всегда есть все данные, которые вам нужны сразу. Чтобы узнать больше о преимуществах forEach(), я настоятельно рекомендую @jhusain LearnRx.

Javascript-массивы