Exmple

find-created-updated-deleted-jquery.js

/**
 * Example ```javascript
 * let objects = $.fn.findCreatedUpdatedDeleted(
 *      [{id:1, v:1}, {id:2, v:2}, {id:4, v:4}],
 *      [{id:null, v:3}, {id:2, v:3}, {id:4, v:5}],
 *      'id',
 *      ['v'],
 *      'new-'
 * );
 * console.log('result', objects);
 * ```
 */
(function($) {

    /**
     * Find created, updated, deleted objects for 2 arrays of objects.
     * @param oldObjects array - array of old objects
     * @param newObjects array - array of new objects
     * @param key string - uses for compare identical objects
     * @param attributes array - uses for compare objects attributes
     * @param newKeyPrefix string|null - prefix from that begins new object id
     */
    $.fn.findCreatedUpdatedDeleted = function (oldObjects, newObjects, key, attributes, newKeyPrefix) {
        let attributesLength = attributes.length, result = {};
        result.created = newObjects.filter(function (newObject) {
            if (null !== newKeyPrefix) {
                return String(newObject[key]).startsWith(newKeyPrefix);
            } else {
                return null === newObject[key];
            }
        });
        result.deleted = oldObjects.filter(function (oldObject) {
            return -1 === newObjects.findIndex(function (newObject) {
                return String(newObject[key]) === String(oldObject[key]);
            });
        });
        result.updated = newObjects.filter(function (newObject) {
            return -1 !== oldObjects.findIndex(function (oldObject) {
                if (String(newObject[key]) === String(oldObject[key])) {
                    for (let i = 0; i < attributesLength; i++) {
                        if (newObject[attributes[i]] !== oldObject[attributes[i]]) {
                            return true;
                        }
                    }
                }
                return false;
            });
        });
        return result;
    };

}(jQuery));