A lightweight query API plugin for Underscore.js - works in the Browser and on the Server. This project was originally Backbone Query, however I found that it was useful to have the ability to query arrays as well as Backbone Collections. So the library has been ported to underscore, and backbone-query now uses underscore-query.
In updating the prokect serveral new features have been added, including the ability to use a chainable query api.
- Search for objects with a Query API similar to MongoDB
- Use a complex query object, or build queries up with a chainable api
- Full support for compound queries ($not, $nor, $or, $and), including nested compound queries.
- Full support for querying nested arrays (see
$elemMatch
) - Accepts dot notation to query deep properties (e.g. {"stats.views.december": 100}
- Custom getters can be defined, (e.g.
.get
for Backbone) - Works well with underscore chaining
Please report any bugs, feature requests in the issue tracker. Pull requests are welcome!
To install, include the lib/underscore-query.min.js
file in your HTML page, after Underscore (or Lodash).
_.query
will now be available for you to use.
If you use AMD, then you can use "lib/underscore-query.amd.js". This will return a function that accepts either underscore or lodash. This function also accepts an optional boolean argument on whether to mixin the query methods to underscore/lodash. If you are using AMD and you want the methods mixed in, then you'd only need to require "underscore-query" once probably in your init script:
define('myModule',
['underscore', 'underscore-query'],
function ( _, underscoreQuery ) {
// opt 1
underscoreQuery(_); // _.query is now available on the underscore module
// opt 2
var query = underscoreQuery(_, false) // query is available as a local variable with all the query methods
}
You can install with NPM: npm install underscore-query
The library can work with either lodash or underscore, when you first require it in it exposes a method that takes
either underscore or lodash:
// With Underscore
_ = require("underscore");
require("underscore-query")(_);
// With Lodash
_ = require("lodash");
require("underscore-query(_);
// If you don't want the query methods 'mixed in'
_ = require("underscore");
query = require("underscore-query")(_, false);
The following are some basic examples:
_.query( MyCollection, {
featured:true,
likes: {$gt:10}
});
// Returns all models where the featured attribute is true and there are
// more than 10 likes
_.query( MyCollection, {tags: { $any: ["coffeescript", "backbone", "mvc"]}});
// Finds models that have either "coffeescript", "backbone", "mvc" in their "tags" attribute
_.query(MyCollection, {
// Models must match all these queries
$and:{
title: {$like: "news"}, // Title attribute contains the string "news"
likes: {$gt: 10}
}, // Likes attribute is greater than 10
// Models must match one of these queries
$or:{
featured: true, // Featured attribute is true
category:{$in:["code","programming","javascript"]}
}
//Category attribute is either "code", "programming", or "javascript"
});
titles = _.query.build( MyCollection )
.and("published", true)
.or("likes", {$gt:10})
.or("tags":["javascript", "coffeescript"])
.chain()
.sortBy(_.query.get("likes"))
.pluck("title")
.value();
// Builds a query up programatically
// Runs the query, sort's by likes, and plucks the titles.
query = _.query.build()
.and("published", true)
.or("likes", {$gt:10})
.or("tags":["javascript", "coffeescript"])
resultsA = query.all(collectionA)
resultsB = query.all(collectionB)
// Builds a query and then runs it on 2 seperate collections
Or if CoffeeScript is your thing (the source is written in CoffeeScript), try this:
_.query MyCollection,
$and:
likes: $lt: 15
$or:
content: $like: "news"
featured: $exists: true
$not:
colors: $contains: "yellow"
Performs a strict equality test using ===
. If no operator is provided and the query value isn't a regex then $equal
is assumed.
If the attribute in the model is an array then the query value is searched for in the array in the same way as $contains
If the query value is an object (including array) then a deep comparison is performed using underscores _.isEqual
_.query( MyCollection, { title:"Test" });
// Returns all models which have a "title" attribute of "Test"
_.query( MyCollection, { title: {$equal:"Test"} }); // Same as above
_.query( MyCollection, { colors: "red" });
// Returns models which contain the value "red" in a "colors" attribute that is an array.
MyCollection.query ({ colors: ["red", "yellow"] });
// Returns models which contain a colors attribute with the array ["red", "yellow"]
Assumes that the model property is an array and searches for the query value in the array
_.query( MyCollection, { colors: {$contains: "red"} });
// Returns models which contain the value "red" in a "colors" attribute that is an array.
// e.g. a model with this attribute colors:["red","yellow","blue"] would be returned
"Not equal", the opposite of $equal, returns all models which don't have the query value
_.query( MyCollection, { title: {$ne:"Test"} });
// Returns all models which don't have a "title" attribute of "Test"
These conditional operators can be used for greater than and less than comparisons in queries
_.query( MyCollection, { likes: {$lt:10} });
// Returns all models which have a "likes" attribute of less than 10
_.query( MyCollection, { likes: {$lte:10} });
// Returns all models which have a "likes" attribute of less than or equal to 10
_.query( MyCollection, { likes: {$gt:10} });
// Returns all models which have a "likes" attribute of greater than 10
_.query( MyCollection, { likes: {$gte:10} });
// Returns all models which have a "likes" attribute of greater than or equal to 10
These may further be combined:
_.query( MyCollection, { likes: {$gt:2, $lt:20} });
// Returns all models which have a "likes" attribute of greater than 2 or less than 20
// This example is also equivalent to $between: [2,20]
_.query( MyCollection, { likes: {$gte:2, $lte:20} });
// Returns all models which have a "likes" attribute of greater than or equal to 2, and less than or equal to 20
_.query( MyCollection, { likes: {$gte:2, $lte: 20, $ne: 12} });
// Returns all models which have a "likes" attribute between 2 and 20 inclusive, but not equal to 12
To check if a value is in-between 2 query values use the $between operator and supply an array with the min and max value
_.query( MyCollection, { likes: {$between:[5,15] } });
// Returns all models which have a "likes" attribute of greater than 5 and less then 15
An array of possible values can be supplied using $in, a model will be returned if any of the supplied values is matched
_.query( MyCollection, { title: {$in:["About", "Home", "Contact"] } });
// Returns all models which have a title attribute of either "About", "Home", or "Contact"
"Not in", the opposite of $in. A model will be returned if none of the supplied values is matched
_.query( MyCollection, { title: {$nin:["About", "Home", "Contact"] } });
// Returns all models which don't have a title attribute of either
// "About", "Home", or "Contact"
Assumes the model property is an array and only returns models where all supplied values are matched.
_.query( MyCollection, { colors: {$all:["red", "yellow"] } });
// Returns all models which have "red" and "yellow" in their colors attribute.
// A model with the attribute colors:["red","yellow","blue"] would be returned
// But a model with the attribute colors:["red","blue"] would not be returned
Assumes the model property is an array and returns models where any of the supplied values are matched.
_.query( MyCollection, { colors: {$any:["red", "yellow"] } });
// Returns models which have either "red" or "yellow" in their colors attribute.
Assumes the model property has a length (i.e. is either an array or a string). Only returns models the model property's length matches the supplied values
_.query( MyCollection, { colors: {$size:2 } });
// Returns all models which 2 values in the colors attribute
Checks for the existence of an attribute. Can be supplied either true or false.
_.query( MyCollection, { title: {$exists: true } });
// Returns all models which have a "title" attribute
_.query( MyCollection, { title: {$has: false } });
// Returns all models which don't have a "title" attribute
Assumes the model attribute is a string and checks if the supplied query value is a substring of the property. Uses indexOf rather than regex for performance reasons
_.query( MyCollection, { title: {$like: "Test" } });
//Returns all models which have a "title" attribute that
//contains the string "Test", e.g. "Testing", "Tests", "Test", etc.
The same as above but performs a case insensitive search using indexOf and toLowerCase (still faster than Regex)
_.query( MyCollection, { title: {$likeI: "Test" } });
//Returns all models which have a "title" attribute that
//contains the string "Test", "test", "tEst","tesT", etc.
Checks if the model attribute matches the supplied regular expression. The regex query can be supplied without the $regex
keyword
_.query( MyCollection, { content: {$regex: /coffeescript/gi } });
// Checks for a regex match in the content attribute
_.query( MyCollection, { content: /coffeescript/gi });
// Same as above
A callback function can be supplied as a test. The callback will receive the attribute and should return either true or false.
this
will be set to the current model, this can help with tests against computed properties
_.query( MyCollection, { title: {$cb: function(attr){ return attr.charAt(0) === "c";}} });
// Returns all models that have a title attribute that starts with "c"
_.query( MyCollection, { computed_test: {$cb: function(){ return this.computed_property() > 10;}} });
// Returns all models where the computed_property method returns a value greater than 10.
For callbacks that use this
rather than the model attribute, the key name supplied is arbitrary and has no
effect on the results. If the only test you were performing was like the above test it would make more sense
to simply use MyCollection.filter
. However if you are performing other tests or are using the paging / sorting /
caching options of backbone query, then this functionality is useful.
This operator allows you to perform queries in nested arrays similar to MongoDB For example you may have a collection of models in with this kind of data stucture:
var Posts = new QueryCollection([
{title: "Home", comments:[
{text:"I like this post"},
{text:"I love this post"},
{text:"I hate this post"}
]},
{title: "About", comments:[
{text:"I like this page"},
{text:"I love this page"},
{text:"I really like this page"}
]}
]);
To search for posts which have the text "really" in any of the comments you could search like this:
Posts.query({
comments: {
$elemMatch: {
text: /really/i
}
}
});
All of the operators above can be performed on $elemMatch
queries, e.g. $all
, $size
or $lt
.
$elemMatch
queries also accept compound operators, for example this query searches for all posts that
have at least one comment without the word "really" and with the word "totally".
Posts.query({
comments: {
$elemMatch: {
$not: {
text: /really/i
},
$and: {
text: /totally/i
}
}
}
});
This operator allows you to perform queries on computed properties. For example you may want to perform a query for a persons full name, even though the first and last name are stored separately in your db / model. For example
testModel = Backbone.Model.extend({
full_name: function() {
return (this.get('first_name')) + " " + (this.get('last_name'));
}
});
a = new testModel({
first_name: "Dave",
last_name: "Tonge"
});
b = new testModel({
first_name: "John",
last_name: "Smith"
});
MyCollection = new QueryCollection([a, b]);
_.query( MyCollection, {
full_name: { $computed: "Dave Tonge" }
});
// Returns the model with the computed `full_name` equal to Dave Tonge
_.query( MyCollection, {
full_name: { $computed: { $likeI: "john smi" } }
});
// Any of the previous operators can be used (including elemMatch is required)
Multiple queries can be combined together. By default all supplied queries use the $and
operator. However it is possible
to specify either $or
, $nor
, $not
to implement alternate logic.
_.query( MyCollection, { $and: { title: {$like: "News"}, likes: {$gt: 10}}});
// Returns all models that contain "News" in the title and have more than 10 likes.
_.query( MyCollection, { title: {$like: "News"}, likes: {$gt: 10} });
// Same as above as $and is assumed if not supplied
_.query( MyCollection, { $or: { title: {$like: "News"}, likes: {$gt: 10}}});
// Returns all models that contain "News" in the title OR have more than 10 likes.
The opposite of $or
_.query( MyCollection, { $nor: { title: {$like: "News"}, likes: {$gt: 10}}});
// Returns all models that don't contain "News" in the title NOR have more than 10 likes.
The opposite of $and
_.query( MyCollection, { $not: { title: {$like: "News"}, likes: {$gt: 10}}});
// Returns all models that don't contain "News" in the title AND DON'T have more than 10 likes.
If you need to perform multiple queries on the same key, then you can supply the query as an array:
_.query( MyCollection, {
$or:[
{title:"News"},
{title:"About"}
]
});
// Returns all models with the title "News" or "About".
It is possible to use multiple combined queries, for example searching for models that have a specific title attribute, and either a category of "abc" or a tag of "xyz"
_.query( MyCollection, {
$and: { title: {$like: "News"}},
$or: {likes: {$gt: 10}, color:{$contains:"red"}}
});
//Returns models that have "News" in their title and
//either have more than 10 likes or contain the color red.
Getters may be supplied as a function. The getter function takes two arguments, specifying an object and a key. The example getter below behaves exactly as if no getter were provided:
_.query(MyCollection, {likes: 12}, function(obj, key) { return obj[key]; });
Alternately, getters may be supplied as a string naming a method on the object itself, which takes a single returns a value for the key e.g.
a = new Backbone.Collection([
{
id: 1,
title: "test"
}, {
id: 2,
title: "about"
}
]);
result = _.query(a.models, {
title: "about"
}, "get");
Rather than supplying a single query object, you can build up the query bit by bit:
_.query.build( MyCollection )
.and("published", true)
.or("likes", {$gt:10})
.or("tags":["javascript", "coffeescript"])
.run()
Instead of calling _.query
, we call _.query.build
. This returns a query object that we can build before running.
_.query.build
can take the collection that you want to query, or alternatively you can pass the collection in when
running the query. Therefore these 2 both give the same results:
results = _.query.build( MyCollection ).and("published", true).run()
results = _.query.build().and("published", true).run( MyCollection )
To build the query you can call .and
, .or
, .nor
and .not
.
These methods can accept either a query object, or a query key and a query value. For example the following two examples
are the same.
results = _.query.build( MyCollection ).and({"published":true}).run()
results = _.query.build( MyCollection ).and("published", true).run()
To run the query you can call either .run
, .all
, .find
, or .all
.
These methods are all aliases too each other and will run the query returning an array of results.
To retrieve just the first results you can use .first
. For example:
firstResult = _.query.build( MyCollection ).and({"published":true}).first()
If you wish to perform further data manipulation using underscore, you can call the .chain
method.
This will run the query and return the results as a wrapped underscore object, whcih you can then use methods like
.sortBy
, .groupBy
, .map
, etc.
titles = _.query.build( MyCollection )
.and("published", true)
.or("likes", {$gt:10})
.or("tags":["javascript", "coffeescript"])
.chain()
.sortBy(function(item) { return item.likes; })
.pluck("title")
.value();
More documentation coming... Essentially you can add indexes when using the chainable syntax. You can then perform queries as usual, but the results, should be faster on larger sets I suggest that you benchmark your code to test this out. The index method takes either a single key, or a key and a function.
query = _.query(array)
.index("title")
# could have been .index("title", (obj) -> obj.title)
result = query.and("title", "Home").run()
You can also retrieve an independent function representing the constraint, which can be passed to Array.filter
, e.g.:
fn = _.Query({ likes: 12 });
result = myArray.filter(fn);
Dave Tonge - davidgtonge Rob W - Rob W Cezary Wojtkowski - cezary