你的this可能不是你想的那样。
给予每个点一个dotClass类。
有const dotsClicked = [];
并使用委托（假设点是同一容器中的兄弟）
在jQuery和vanilla JS中都不需要循环来实现这一点。
你可以委托给vanilla JS中的一个通用容器

// test data
$('#dots').html(Array.from({ length: 36 })
  .map((_, i) => `<div class="dot"></div>`).join('') // vanilla JS map
);

let dotsClicked = $('.dot').map(function() {
  return this.matches('.dotClicked')
}).get(); // jQuery map using vanilla JS matches

$('.dot').on('click', function() {
  $(this).toggleClass('dotClicked');
  dotsClicked[$(this).index()] = $(this).is('.dotClicked');
  console.log(dotsClicked);
})

#dots {
  display: flex;
  gap: 10px;
  flex-direction: row;
  flex-wrap: wrap;
  width: 130px;
  border: 1px solid black;
  padding: 10px;
}

.dot {
  font-size: 35px;
}

.dot:hover {
  color: red;
}

.dot::before {
  content: "•"
}

.dotClicked {
  color: red;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<div id="dots">
</div>