如何向JavaScript数组中的所有对象添加函数？

Question

I am using Angular, but basically my controller has an array of objects that are returned from an AJAX query via HTTP, and I want to decorate each object in the array with a function to prettify a boolean property on the object so it renders as Yes/No instead of true/false. I don't mind using jQuery or Angular, if there's a way to do this with either of them.

Answer 1

You can use each :

$.each(myArray, function(index, item) {
    //do stuff
});

Answer 2

You can do something like this:

function prettify(prop){
     if(prop) return "Yes" 
     else return "No"
}

$.each(arr, function(index, item) {
    item.myFunction = prettify;
});

Answer 3

If you actually want to add a method to each object instance, you can simply expando them:

$.each(theArray, function(i, obj) {
    obj.prettyBool = function() {
        return obj.theProperty ? 'Yes' : 'No';
    };
});

Answer 4

loop through your array and for each item in the array assign an event listener to it with a handler function.

$.each(myArray, function(index, item) {
    item.on('event', eventHandlerFunction);
});