Comments on: Implementing Prototype’s Array Methods in jQuery http://www.learningjquery.com/2009/02/implementing-prototypes-array-methods-in-jquery Tips, techniques, and tutorials for the jQuery JavaScript library Wed, 08 Feb 2012 13:50:43 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: 100 Popular jQuery Examples, Plugins and Tutorials | TutsAcademy | Programming, Tutorials, jQuery, Ajax, PHP, MySQL and Demos http://www.learningjquery.com/2009/02/implementing-prototypes-array-methods-in-jquery/comment-page-1#comment-84943 100 Popular jQuery Examples, Plugins and Tutorials | TutsAcademy | Programming, Tutorials, jQuery, Ajax, PHP, MySQL and Demos Fri, 16 Dec 2011 20:09:31 +0000 http://www.learningjquery.com/?p=450#comment-84943 [...] 84. Implementing Prototype’s Array Methods in jQuery –  This technique gives a particular array all the methods that Prototype adds to their Array and Enumerable objects. [...] [...] 84. Implementing Prototype’s Array Methods in jQuery –  This technique gives a particular array all the methods that Prototype adds to their Array and Enumerable objects. [...]

]]> By: Top 100 Popular jQuery Examples, Plugins and Tutorials « Swadesh's Technology Blog http://www.learningjquery.com/2009/02/implementing-prototypes-array-methods-in-jquery/comment-page-1#comment-83904 Top 100 Popular jQuery Examples, Plugins and Tutorials « Swadesh's Technology Blog Thu, 21 Jul 2011 02:17:27 +0000 http://www.learningjquery.com/?p=450#comment-83904 [...] Implementing Prototype’s Array Methods in jQuery – This technique gives a particular array all the methods that Prototype adds to their Array and [...] [...] Implementing Prototype’s Array Methods in jQuery – This technique gives a particular array all the methods that Prototype adds to their Array and [...]

]]> By: 100 Popular jQuery Examples, Plugins and Tutorials « Impact Web Design Tidbits Blog http://www.learningjquery.com/2009/02/implementing-prototypes-array-methods-in-jquery/comment-page-1#comment-83668 100 Popular jQuery Examples, Plugins and Tutorials « Impact Web Design Tidbits Blog Tue, 03 May 2011 23:12:48 +0000 http://www.learningjquery.com/?p=450#comment-83668 [...] the content loads into the relevant container instead of having to navigate to another page. 84. Implementing Prototype’s Array Methods in jQuery – This technique gives a particular array all the methods that Prototype adds to their Array and [...] [...] the content loads into the relevant container instead of having to navigate to another page. 84. Implementing Prototype’s Array Methods in jQuery – This technique gives a particular array all the methods that Prototype adds to their Array and [...]

]]> By: Josh Powell http://www.learningjquery.com/2009/02/implementing-prototypes-array-methods-in-jquery/comment-page-1#comment-83248 Josh Powell Fri, 03 Dec 2010 21:25:09 +0000 http://www.learningjquery.com/?p=450#comment-83248 An excellent question. The most important difference for me is that extending the native prototype is changing the built in capabilities of a built in class. It would be like modifying a Java array and not calling it something else. Then, when other people who aren't familiar with your custom methods come in, they will not be able to understand or look up what is going on quite as easy. If you instead uses the array prototype to make a new kind of object with the array as a base and added your functions to that, I would be ok with it. Of course, that would mean you can't do var a = []; Another downside is that you can break other javascript libraries, you could be limiting your options as to what you can you and who can use your code. If you both implement a trim function on a string, then there is contention about which one gets used. They most might behave differently and it can break things. Another downside is that what about future browsers and versions of js? It could implement your function and now if you were not careful in implenting your code, you will overwrite the built in functionality. An early version of the Prototype library added methods to the base Object prototype and this ended up breaking code for people that used for each in loops to iterate over an objects attributes. They've subsequently removed that method. So, those are the primary reasons. An excellent question. The most important difference for me is that extending the native prototype is changing the built in capabilities of a built in class. It would be like modifying a Java array and not calling it something else. Then, when other people who aren’t familiar with your custom methods come in, they will not be able to understand or look up what is going on quite as easy. If you instead uses the array prototype to make a new kind of object with the array as a base and added your functions to that, I would be ok with it. Of course, that would mean you can’t do var a = [];

Another downside is that you can break other javascript libraries, you could be limiting your options as to what you can you and who can use your code. If you both implement a trim function on a string, then there is contention about which one gets used. They most might behave differently and it can break things.

Another downside is that what about future browsers and versions of js? It could implement your function and now if you were not careful in implenting your code, you will overwrite the built in functionality. An early version of the Prototype library added methods to the base Object prototype and this ended up breaking code for people that used for each in loops to iterate over an objects attributes. They’ve subsequently removed that method.

So, those are the primary reasons.

]]> By: klachko http://www.learningjquery.com/2009/02/implementing-prototypes-array-methods-in-jquery/comment-page-1#comment-83184 klachko Mon, 22 Nov 2010 16:22:17 +0000 http://www.learningjquery.com/?p=450#comment-83184 Hi... thanks, looks very useful. <b>Little question:</b> What is the advantage of <i>"leaving the underlying JavaScript prototypes untouched"</i> instead of extending the array prototype and make the calls simpler? Hi… thanks, looks very useful.
Little question: What is the advantage of “leaving the underlying JavaScript prototypes untouched” instead of extending the array prototype and make the calls simpler?

]]> By: Edno360 WordPress » Blog Archive » 100 Popular jQuery Examples, Plugins and Tutorials http://www.learningjquery.com/2009/02/implementing-prototypes-array-methods-in-jquery/comment-page-1#comment-82579 Edno360 WordPress » Blog Archive » 100 Popular jQuery Examples, Plugins and Tutorials Wed, 13 Oct 2010 10:01:02 +0000 http://www.learningjquery.com/?p=450#comment-82579 [...] the content loads into the relevant container instead of having to navigate to another page. 84. Implementing Prototype’s Array Methods in jQuery – This technique gives a particular array all the methods that Prototype adds to their Array and [...] [...] the content loads into the relevant container instead of having to navigate to another page. 84. Implementing Prototype’s Array Methods in jQuery – This technique gives a particular array all the methods that Prototype adds to their Array and [...]

]]> By: jQuery Plugins - Nagpur City http://www.learningjquery.com/2009/02/implementing-prototypes-array-methods-in-jquery/comment-page-1#comment-80409 jQuery Plugins - Nagpur City Wed, 02 Jun 2010 13:04:17 +0000 http://www.learningjquery.com/?p=450#comment-80409 [...] the content loads into the relevant container instead of having to navigate to another page. 84. Implementing Prototype’s Array Methods in jQuery – This technique gives a particular array all the methods that Prototype adds to their Array and [...] [...] the content loads into the relevant container instead of having to navigate to another page. 84. Implementing Prototype’s Array Methods in jQuery – This technique gives a particular array all the methods that Prototype adds to their Array and [...]

]]> By: Pilot http://www.learningjquery.com/2009/02/implementing-prototypes-array-methods-in-jquery/comment-page-1#comment-80009 Pilot Wed, 14 Apr 2010 11:52:01 +0000 http://www.learningjquery.com/?p=450#comment-80009 may be add: keys: function(obj) { var result = []; $.each(obj||{}, function(index, value) { result.push(index); }); return $.protify(result); }, may be add:

keys: function(obj) {
var result = [];
$.each(obj||{}, function(index, value) { result.push(index); });
return $.protify(result);
},

]]> By: Pilot http://www.learningjquery.com/2009/02/implementing-prototypes-array-methods-in-jquery/comment-page-1#comment-80000 Pilot Sun, 11 Apr 2010 20:09:00 +0000 http://www.learningjquery.com/?p=450#comment-80000 <code>Seems error: now: compact: function() { return $.protify(this.select(function(value) { return value !== null; })); }, should be: compact: function() { return $.protify(this.select(function(value) { return value !== null && value !== undefined; <<<<!!!!!!!!!!!! })); }, </code> Seems error:

now:

compact: function() {
return $.protify(this.select(function(value) {
return value !== null;
}));
},

should be:

compact: function() {
return $.protify(this.select(function(value) {
return value !== null && value !== undefined; <<<<!!!!!!!!!!!!
}));
},

]]> By: 100 Popular jQuery Examples, Plugins and Tutorials http://www.learningjquery.com/2009/02/implementing-prototypes-array-methods-in-jquery/comment-page-1#comment-79807 100 Popular jQuery Examples, Plugins and Tutorials Sat, 06 Mar 2010 23:35:38 +0000 http://www.learningjquery.com/?p=450#comment-79807 [...] the content loads into the relevant container instead of having to navigate to another page. 84. Implementing Prototype’s Array Methods in jQuery – This technique gives a particular array all the methods that Prototype adds to their Array and [...] [...] the content loads into the relevant container instead of having to navigate to another page. 84. Implementing Prototype’s Array Methods in jQuery – This technique gives a particular array all the methods that Prototype adds to their Array and [...]

]]>