JSFiddle - React, Tailwind, and code Playground

by scispear

HTML

<script src="https://github.com/downloads/wycats/handlebars.js/handlebars-1.0.0.beta.6.js"></script>
<script src="http://cloud.github.com/downloads/emberjs/ember.js/ember-latest.js"></script>
<script type="text/x-handlebars">
    <h3>
        Length: {{App.length}}
        <br />
        Count: {{App.count}}
    </h3>
    {{#each App.myArray}}
        {{this}}        
    {{/each}}
</script>

JavaScript

Array.prototype.count = function (key) {
    var ct=0;
    for (var i = 0, j = this.length; i < j; i++) {
        this[i] === key && ++ct;
    }
    return ct;
};

App = Em.Application.create({
    myArray: ['a','b','c','d','a'],
    
    lengthBinding: 'myArray.length',
    count: 0
});

App.set('count', App.myArray.count('a'));