javascript - 如何将函数添加到 JavaScript 数组中的所有对象？

Question

我正在使用 Angular，但基本上我的控制器有一个对象数组，这些对象是通过 HTTP 从 AJAX 查询返回的，我想用一个函数来装饰数组中的每个对象，以美化对象上的布尔属性，使其呈现为是/否而不是真/假。我不介意使用 jQuery 或 Angular，如果有办法用它们中的任何一个来做到这一点。

Answer 1

您可以使用each：

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

Answer 2

你可以这样做：

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

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

Answer 3

如果你真的想为每个对象实例添加一个方法，你可以简单地扩展它们：

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

Answer 4

遍历您的数组，并为数组中的每个项目分配一个事件侦听器，并使用处理函数。

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