th:each 사용법과 관련 질문입니다

=========================================
[질문 템플릿]
1. 강의 내용과 관련된 질문인가요? (예/아니오) 예
2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 예
3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) 예

[질문 내용]

<div>
    <div>등록 지역</div>
    <div th:each="region : ${regions}" class="form-check form-check-inline">
        <input type="checkbox" th:field="${item.regions}" th:value="${region.key}" class="form-check-input">
        <label th:for="${#ids.prev('regions')}"
               th:text="${region.value}" class="form-check-label">서울</label> </div>
</div>

each 반복이 돌아가면서 region에는 "서울","부산","제주" 이렇게 3개의 지역이 들어가기에 구문이 3번 반복됩니다. 그리고 구문이 반복되면서 region의 서울, 부산, 제주가 순서대로 대입되는 것까지 알겠습니다.

그런데 영상에서는 th:field="${item.regions}"

이렇게 했는데 현재 item.regions에는

List<String> regions; //서울, 부산, 제주

서울, 부산, 제주가 이렇게 들어있는데

item.regions도 첫번째 구문 돌 때 서울

두번째 돌 때 부산

세번쨰 돌때 제주 이렇게 자연스럽게 대입이 되는 건가요?

요약하면 regions를 기준으로 each구문이 돌게했는데

th:field에 적용한 item.regions에 들어있는 항목도

순서대로 대입이 되는건지 궁금합니다.

<!-- multi checkbox -->
        <div>
            <div>등록 지역</div>
            <div th:each="region : ${regions}" class="form-check form-check-inline">
                <input type="checkbox" th:field="*{regions}" th:value="${region.key}" class="form-check-input">
                <label th:for="${#ids.prev('regions')}"
                       th:text="${region.value}" class="form-check-label">서울</label>
            </div>
        </div>