Javascript: each & map

Javascript: each & map.js

// map, each 
// -------------------------------------------------------------------------------------
// map возвращает новый объект, а each - исходный
// отсюда следуюет, что метод each можно включать в цепочку вызова, а метод map - нельзя
// -------------------------------------------------------------------------------------
// Map позволяет создать новый объект с изменёнными данными (на основе прежних).
// Each позволяет просто пройтись по объекту.


// .each() 
.each(callback(index, domElement))

var heights = [];
$("div").each(function(indx, element){
  heights.push($(element).height());
});

$('img').each(function () {
	if($(this).width() > 400) {
		$(this).fadeOut(3000);
	}
});


// .map()
.map(callback(index, domElement)

var classes = $("div").map(function(indx, element){
  return $(element).attr("class");
});

$("p").append( $("input").map(function(){
    return $(this).val();
}).get().join(", ") );