How do I access JSON arrays within array?

fetch("./data.json")
.then(function (response) {
 return response.json();
 })
 .then(function (jobs) {
 let out = "";
for (let job of jobs) {
// let languagesItems = job.languages;
// console.log(languagesItems);
// for(let i=0;i<languagesItems.length;i++){
//     console.log(languagesItems[i]);
// }
out += `
<div class="job-card">
<div class="job-info">
<img src="${job.logo}" alt="${job.company} Logo" class="logo-img">
<div class="desktop-flex-div">
<div class="cname-new-featured">
<p class="company-name">${job.company}</p>
<p class="new ${job.new}">NEW!</p>
<p class="featured ${job.featured}">FEATURED</p>
</div>
<h1 class="job-title">${job.position}</h1>
<div class="job-details">
<ul class="details-list">
<li>${job.postedAt}</li>
<li>${job.contract}</li>
<li>${job.location}</li>
</ul>
</div>
</div>
</div>
<div class="filters">
<p class="filter">${job.role}</p>
<p class="filter">${job.level}</p>
<p class="filter">${job.languages}</p>
<p class="filter">${job.tools}</p>
</div>
</div>
`;
}
jobCards.innerHTML = out;
 mainScript();
});