Underscore.js + Knockout = Array Happy Fun Time!
This tiny library (< 1KB) adds all the collection and array methods you've come to love in Underscore.js to your Knockout observable arrays. It will not override any existing functionality (if any exists).
Licensed under the MIT license (http://www.opensource.org/licenses/mit-license.php)
Download .\build\underscore-ko.min.js and put it in your project.
Install the UnderscoreKO Nuget package.
PM> Install-Package UnderscoreKO
bower install underscore-ko
npm install underscore-ko
UnderscoreKO ships with built-in TypeScript declarations, see build\underscore-ko.d.ts.
Use the Underscore methods just as you normally would, but now you don't need to specify the array to use:
var vm = {
arr: ko.observableArray([1, 2, 3]);
};
vm.arr.each(function (x) {
// do something
});
// This returns a raw array, not a ko.observableArray
var newArr = vm.arr.union([0, 1]);
// but this will append 0 and 1 to the underlying array and trigger a change notification
vm.arr.union_([0, 1]);In addition, there are several functions you can use that will mutate (change) the underlying array, which are provided as convenient shortcuts.
// Re-structure the observable array [1, 2, 3]
vm.arr.without_(2);
// vm.arr() is now equal to [1, 3]
// Without this, you would need to do:
vm.arr(vm.arr.without(2));View the live jsFiddle demo
See the Underscore.js documentation for more information on the API. All array and collection methods are supported with the exception of any I felt didn't provide value (.toArray() for example).
See spec.js for examples of how to use specific functions, but I'm telling you, it's as you'd expect.
These methods change the underlying array instead of returning a copy of the array.
filter_,select_reject_invoke_sortBy_groupBy_shuffle_rest_,tail_compact_flatten_without_union_intersection_difference_uniq_,unique_zip_unzip_
See Contributing