JSFiddle - React, Tailwind, and code Playground

by Cody Lindley

HTML

<script src="https://dl.dropboxusercontent.com/u/2026291/backbone/jquery-2.0.2.js"></script>
<script src="https://dl.dropboxusercontent.com/u/2026291/backbone/lodash.underscore.js"></script>
<script src="https://dl.dropboxusercontent.com/u/2026291/backbone/backbone.js"></script>
<script src="https://getfirebug.com/firebug-lite-debug.js"></script>

JavaScript

var ContactModel = Backbone.Model.extend();

var contactData = [
    {firstName: 'John',lastName: 'Doe',phone: '1-111-1111'}, 
    {firstName: 'Jane',lastName: 'Doe',phone: '2-222-2222'},
    {firstName: 'Cody',lastName: 'Lindley',phone: '3-333-3333'}
];

var contacts = new Backbone.Collection(contactData,{
    model:ContactModel,
    comparator: 'firstName' //keep models sorted by firstName
});
    
console.log( //logs Cody Jane John, note this is not the order they were added
    contacts.models[0].get('firstName'),
    contacts.models[1].get('firstName'),
    contacts.models[2].get('firstName')
);