objects and arrays

<head>
  <meta charset="utf-8">
  <script src="https://d3js.org/d3.v4.min.js"></script>
  <style>
    body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; }
  </style>
</head>

<body>
  <script>
    // Feel free to change or delete any of the code you see in this editor!
    
  array1 = [{name: "Arizona", location: "Southwest"},
           	{name: "Virginia", location: "East"},
           	{name: "Florida", location: "Southeast"}];
    
  array2 = [{state: "Arizona", id: "AZ"},
            {state: "Virginia", id: "VA"},
            {state: "Florida", id: "FL"}];
    
 //combining the arrays 
    
		array1.forEach(function(a){
  	array2.forEach(function(b){
   		if (a.name == b.state) {a.id = b.id}
      console.log(array1)
                 })
});
 
    //print all items that are in both array3 and array4 to the console.
    
    array3 = ['a','b','c','d'];
   	array4 = ['a','c','e','f','g'];
    
    array3.forEach(function(c){
    array4.forEach(function(d){
    if (c == d) console.log(d)  
    })
    });

/*array1.push(array2) */
    
  </script>
</body>

https://d3js.org/d3.v4.min.js