Map

Showing map using Underscore and Bacon.js

by puneetsiet

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/bacon.js/0.7.38/Bacon.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.4.4/underscore-min.js"></script>
<h1>Map</h1>

<h2>Original</h2>
<p id="original"></p>

<h2>Underscore</h2>
<button id="runUnderscore">Run</button>
<p id="underscore"></p>

<h2>Bacon</h2>
<button id="runBacon">Run</button>
<p id="bacon"></p>

CSS

* {
    font-family: Helvetica, Arial, sans-serif;
}

JavaScript

// Original
var arr = [1, 2, 3, 4, 5];
$("#original").text(arr.join(', '));

// Underscore
$("#runUnderscore").click(function() {
    var us = _.map(arr, function(x) {
        return x*x;
    });
    $("#underscore").text(us.join(', '));
});

// Bacon

/*
$("#runBacon").click(function() {
    var baconStream = Bacon.sequentially(500, arr);
    baconStream.map(function(x) {
        return x*x;
    }).onValue(function(val) {
        $("#bacon").append(val + ', ');
    });
});
*/
var a = [];
for(var i=0;i<100;i++) {
a.push(i)
Bacon.sequentially(0, a)
.bufferWithCount(10)
.onValue(function(x){
console.log("x===>",i,"===",x)
})
}