A tiny library that adds all of the Underscore.js collection/array methods to Knockout observable arrays
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode
build
spec
src
tools
typings
.gitattributes
.gitignore
CONTRIBUTING.md
Gruntfile.js
LICENSE
UnderscoreKO.nuspec
bower.json
package.json
readme.md
typings.json

readme.md

UnderscoreKO

npm npm NuGet NuGet Bower

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)

Install

Manual

Download .\build\underscore-ko.min.js and put it in your project.

Nuget

Install the UnderscoreKO Nuget package.

PM> Install-Package UnderscoreKO

bower

bower install underscore-ko

npm

npm install underscore-ko

TypeScript Declarations

UnderscoreKO ships with built-in TypeScript declarations, see build\underscore-ko.d.ts.

Usage

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));

Live Demo

View the live jsFiddle demo

Documentation

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.

Mutator Methods

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_

Contributing

See Contributing