Array Transformation

by Doug Hill

HTML

<div class="wrapper-page clearfix">
  <div class="container-output">
    <pre><code id="old"></code></pre>
  </div>
  <div class="container-output">
    <pre><code id="new"></code></pre>
  </div>
   <div class="container-output">Unique Items
    <pre><code id="dt_unique"></code></pre>
  </div> 
</div>

CSS

.container-output {
  background-color: #fff;
}

JavaScript

// JSON DATA
var array_old = [{
    "server": "SRV01",
    "value": "80",
    "dt_stamp": "2016-03-06 00:30:00"
  }, {
    "server": "SRV02",
    "value": "35",
    "dt_stamp": "2016-03-06 00:30:00"
  }, {
    "server": "SRV03",
    "value": "64",
    "dt_stamp": "2016-03-06 00:30:00"
  }, {
    "server": "SRV01",
    "value": "85",
    "dt_stamp": "2016-03-06 01:00:00"
  }, {
    "server": "SRV02",
    "value": "35",
    "dt_stamp": "2016-03-06 01:00:00"
  }, {
    "server": "SRV03",
    "value": "28",
    "dt_stamp": "2016-03-06 01:00:00"
  }, {
    "server": "SRV01",
    "value": "53",
    "dt_stamp": "2016-03-06 01:30:00"
  }, {
    "server": "SRV02",
    "value": "46",
    "dt_stamp": "2016-03-06 01:30:00"
  }, {
    "server": "SRV03",
    "value": "74",
    "dt_stamp": "2016-03-06 01:30:00"
  }],
  array_model = [{
    "dt_stamp": "2016-03-06 00:30:00",
    "SRV01": "80",
    "SRV02": "35",
    "SRV03": "64"
  }, {
    "dt_stamp": "2016-03-06 01:00:00",
    "SRV01": "85",
    "SRV02": "35",
    "SRV03": "28"
  }, {
    "dt_stamp": "2016-03-06 01:30:00",
    "SRV01": "53",
    "SRV02": "46",
    "SRV03": "74"
  }],
  dt_unique;
  
  dt_unique = array_old.map(function (e, i) {
  	return e.dt_stamp;
  });


// DISPLAY RESULTS
$('#dt_unique').append(JSON.stringify(dt_unique, null, 2));