JS .map() example

by Bryson Murray

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span>array1</span>
<div id="array1" ></div>
<span>map1</span>
<div id="map1"></div>
<span>map2</span>
<div id="map2"></div>
<span>map3</span>
<div id="map3"></div>

<span>index1</span>
<div id="index1"></div>

JavaScript

var array1 = [{test_id: 1, test_name: 'one'},
	          {test_id: 2, test_name: 'two'},
              {test_id: 3, test_name: 'three'},
              {test_id: 4, test_name: 'four'},];
              
var array2 = [{test_id: 5, test_name: 'five'}];

const map1 = array1.map(x => {
	return {
  				id: x.test_id,
          name: x.test_name
          };
});

/*
  var keys = Object.keys(v1);
  var values = Object.values(v1);
	var entries = Object.entries(v1);
*/
const map2 = array2.map((v1,k1,x1) => {
	
  var values = Object.values(v1);
	var entries = Object.entries(v1);
  
	return {
  				id: v1.test_id,
          name: v1.test_name,
          id_key: entries[values.indexOf(v1.test_id)][0],
          name_key: entries[values.indexOf(v1.test_name)][0]
    };
});


var type_name = "test";
var id = type_name+"_id";
var name = type_name+"_name";
var map3 = array2.map(x => {
  var values = Object.values(x);
  var entries = Object.entries(x);
  return {
    id: x[id],
    name: x[name],
    id_key: entries[values.indexOf(x[id])][0],
    name_key: entries[values.indexOf(x[name])][0]
  };
});

$('#array1').append(JSON.stringify(array1));
$('#map1').append(JSON.stringify(map1));
$('#map2').append(JSON.stringify(map2));
$('#map3').append(JSON.stringify(map3));


/* var index1 = array[5] || "success";

$('#index1').append(JSON.stringify(index1)); */


var text = "_this_is_a_Test_".replace(/_/g, "-");

$('#index1').append(text);