Collection Sample

fiddle.html

<div id="jsconsole">
    <form>
        <textarea autofocus id="exec" spellcheck="false" autocapitalize="off" autofocus rows="1">   </textarea>
    </form>
    <div id="console">
        <ul id="output"></ul>
    </div>
</div>
<div id="footer"><a href="http://github.com/remy/jsconsole">Fork on Github</a> &bull; <a href="http://twitter.com/rem">Console built by @rem</a></div><script src="http://enyo-upandrunning.github.io/prettify.js"></script>
<script>
  window.JSCONSOLE = {
    contentWindow: this,
    contentDocument: document,
    console: document.getElementById('jsconsole')
  };
</script>
<script src="http://enyo-upandrunning.github.io/console.js"></script>
<script>
    _console.post("fruits.at(0).get('name');");
    _console.post("fruits.add({ name: 'rambutan' });\n\nfruits.at(fruits.length-1).get('name');");
</script>

fiddle.js

var fruits = new enyo.Collection([
    { name: 'apple' },
    { name: 'cherry' },
    { name: 'banana' }
]);

fiddle.manifest

name: Collection Sample
description: Create a Collection and see it in action
authors:
  - Roy Sutton
resources:
  - http://enyo-upandrunning.github.io/console.css
normalize_css: no

Try it out on jsFiddle

From: Enyo: Up and Running by Roy Sutton