Работа с массивами встречается часто. Иногда нужно с каждым элементом массива проделать определённые действия. Тут вам поможет each(). Найдутся умельцы которые смогут вывести массив при помощи цикла while или for. Читайте про циклы на странице циклы javascript. Each сам остановится когда достигнет конца массива. Эта функция может не только работать с массивами, но и бегать по DOM-дереву. Это очень удобно. Можно разукрасить тег p. Одна строка может быть зелёной, другая красной

$("button").click(function () {
      var arr = $("button").toArray();
      console.log(typeof arr);
      console.log(arr);

      $.each(arr, function(){
        console.log(arr[i]);
      });

     #вывод массива в одной строке
     $("span").text(arr.join('|'));
});

Вы можете вывести объекты. Тут нужно выводить ключ и значение внутри тела функции.

var obj = { one:1, two:2, three:3, four:4, five:5 }; 
$.each(obj, function(i, val) {
    $("#" + i).text(val);
    console.log(i + '|' + val);
}); 

Обратите внимание на переменную i. Она имеет тип "number". Её не надо увеличивать на +1 или i++. Нижний пример покажет вам как увеличивается i.

var arr = [1,2,3,4,5,6,7,8,9,10];	 
$.each(arr, function(i){
  console.log(i + '|' + arr[i] + ' - значение массива ');
}); 

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

var arr =[{'a':1, 'b': 2, 'c': 3},{'a':4, 'b': 5, 'c': 6}];           
$.each(arr, function(i){
   var res = arr[i].a + '|' + arr[i].b + '|' + arr[i].c;
   console.log(res);
}); 

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