JavaScript 루프에서 동적 변수 이름을 어떻게 만들 수 있나요?

루프에 동적 변수 이름 생성

중첩 루프로 작업하거나 데이터 구조를 반복할 때 루프 반복에 따라 달라지는 동적 변수 이름을 생성해야 할 필요성이 발생합니다. 또는 데이터 항목. ' '를 사용하여 문자열과 변수를 직접 결합하는 것이 간단한 해결책처럼 보일 수 있지만 이 접근 방식은 아래 코드 조각에서 볼 수 있듯이 오류를 발생시키는 경우가 많습니다.

for (var i = 0; i < coords.length; ++i) {
  var marker+i = "some stuff";
}

위 코드에서 marker0, marker1 등의 변수를 만듭니다. 하지만 자바스크립트는 이렇게 동적으로 생성된 변수 이름을 지원하지 않습니다. 대신 마커 i를 두 변수의 합으로 해석하여 구문 오류가 발생합니다.

해결책: 배열 사용

이 문제를 해결하려면 배열을 사용하여 연관된 값을 저장하는 것이 좋습니다. 동적 변수 이름을 사용합니다. 배열은 인덱스를 사용하여 액세스할 수 있는 값 컬렉션을 생성하고 관리하는 간단하고 효율적인 방법을 제공합니다.

var markers = [];
for (var i = 0; i < coords.length; ++i) {
  markers[i] = "some stuff";
}

이 수정된 코드에서 배열 마커는 빈 배열로 선언되고 초기화됩니다. 그런 다음 루프는 좌표 배열을 반복하고 마커 배열의 i번째 요소에 "some stuff" 값을 할당합니다. 이렇게 하면 인덱스로 각 값에 액세스하여 동적 변수 이름을 효과적으로 시뮬레이션할 수 있는 원하는 효과가 생성됩니다. 예를 들어 marker0의 값에 액세스하려면 markers[0]을 사용합니다.

위 내용은 JavaScript 루프에서 동적 변수 이름을 어떻게 만들 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!