JSFiddle - React, Tailwind, and code Playground

JavaScript

var myArray = [{
  "color": "blue",
  "size": "large",
}, {
  "color": "red",
  "size": "small",
}, {
  "color": "blue",
  "size": "small",
}, {
  "color": "green",
  "size": "small",
}];


var myNewArray;

console.log(newArray); 

var newArray = [];

for (i = 0; i < myArray.length; i++) {
 if (myArray[i].color === "blue") {
	newArray.push({
  	"myColor" : myArray[i].color,
    "mySize" : myArray[i].size
  })
 }
}

console.log(newArray);

/*** 
---

[{
  "myColor": "blue",
  "mySize": "large",
}, {
  "myColor": "blue",
  "mySize": "small",
}];

----
***/