JSFiddle - React, Tailwind, and code Playground
HTML
<div class="castle"></div>
<div class="commercial"></div>
<div class="common"></div>
<div class="cultural"></div>
JavaScript
var obj = {
castle: "0",
commercial: "3",
common: "0",
cultural: "2",
dioni: "0",
holidays: "0",
island: "2",
nereides: "2",
others: "0",
peninsula: "0",
thetis: "0"
};
for (var key in obj) {
$("div." + key).text(obj[key]);
}