JSFiddle - React, Tailwind, and code Playground

HTML

<div id="content-1"></div>
	    	<div id="content-2"></div>
        	<div id="content-3"></div>
        	<div id="content-4"></div>
        	<div id="content-5"></div>

JavaScript

var education = {
  "name": "Школы",
  "school": [
    {"numSchool":31, "nameSchool":"МБУ СОШ", "districtId":2},
    {"numSchool":231, "nameSchool":"МБУ С", "districtId":1},
    {"numSchool":331, "nameSchool":"МБУ ОШ", "districtId":3},
    {"numSchool":421, "nameSchool":"МБУ Ш", "districtId":4},
    ]
};

var district = [
	{"districtId":1, "districtName": "fourth"},
	{"districtId":2, "districtName": "third"},
	{"districtId":3, "districtName": "second"},
	{"districtId":4, "districtName": "first"},
	]
  
for (var i = 0; i < district.length; i++) {
		for (var j = 0; j < education.school.length; j++) {
			if (education.school[j].districtId === district[i].districtId) {
				document.getElementById('content-'+(i+1)).innerHTML += education.school[j].nameSchool;
        }
		}
	}