Suggested Videos
Part 25 - jquery add or remove class
Part 26 - Difference between $.each and .each
Part 27 - jQuery map method
(追記) (追記ここまで)
In this video we will discuss the difference between each and map functions in jquery
(追記) (追記ここまで)
Example : Notice that the callback arguments in the each method are the reverse of the callback arguments in the map function. Also notice that map returns a new array where as each method returns the original array. This proves the point that each method is an immutable iterator where as map is not.
Output :
Difference between each and map in jquery
Example : Notice that each method terminates the iteration when the element value is 3. The values 3, 4 and 5 are not written to the document. With map method we are not able to break the iteration. When the element value is 3, map method returns false and then continues writing 4 and 5 to the document.
Output :
jquery map vs each
jQuery tutorial for beginners
Part 25 - jquery add or remove class
Part 26 - Difference between $.each and .each
Part 27 - jQuery map method
(追記) (追記ここまで)
In this video we will discuss the difference between each and map functions in jquery
(追記) (追記ここまで)
$.map
$.each
map method can be used as an iterator.
each method is an immutable iterator
Returns a new array
Returns the original array
The order of callback arguments - element, index.
$.map(elems, function () { element, index }, arg) The order of callback arguments - index, element.
$.each(elems, function () { index, element }, arg)
$.map(elems, function () { element, index }, arg) The order of callback arguments - index, element.
$.each(elems, function () { index, element }, arg)
Does not have a way to terminate the iteration
Return false to terminate the iteration
Example : Notice that the callback arguments in the each method are the reverse of the callback arguments in the map function. Also notice that map returns a new array where as each method returns the original array. This proves the point that each method is an immutable iterator where as map is not.
$(document).ready(function () {
var intArray = [1, 2, 3, 4, 5];
function functionA(index, element) {
return element * 5;
}
function functionB(element, index) {
return element * 5;
}
var result1 = $.each(intArray, functionA);
var result2 = $.map(intArray, functionB);
document.write('each = ' + result1);
document.write('<br/>')
document.write('map = ' + result2);
});
Output :
Difference between each and map in jquery
Example : Notice that each method terminates the iteration when the element value is 3. The values 3, 4 and 5 are not written to the document. With map method we are not able to break the iteration. When the element value is 3, map method returns false and then continues writing 4 and 5 to the document.
$(document).ready(function () {
var intArray = [1, 2, 3, 4, 5];
$.each(intArray, function (index, element) {
if (element == 3)
returnfalse;
document.write(element + ',');
});
document.write('<br/>');
$.map(intArray, function (element, index) {
if (element == 3)
returnfalse;
document.write(element + ',');
});
});
Output :
jquery map vs each
jQuery tutorial for beginners
No comments:
Post a Comment
It would be great if you can help share these free resources
[フレーム]