JS/jQuery - 반복문(for문 while문 등)에서 동적 변수 사용하기

닌니디자인 JS 썸네일

동적변수

변수명과 내용이 반복되면서 일부만 변경되는 경우 반복문을 통해 효율적으로 동적변수를 사용할 수 있다. 동적변수를 생성하는데에는 두자기 방법이 있는데, 배열을 이용해서 생성하는 방법과 글로벌 영역인 window 객체를 이용해서 생성하는 방법이 있다.

check_circle Check

eval()이란 함수를 사용해서 동적변수를 생성할수도 있다.
하지만, 문자열로부터 eval()을 실행하는 것은 해커가 위험한 코드를 사용할 수도 있기 때문에 엄청나게 위험하다.

 

 

 

배열로 동적변수 만들기

key값으로 변수명을 생성하고 value값으로 내용을 넣는다. 

var test = [];
for (var i = 1; i <= 10; i++){ 
   test['test'+i] = '테스트'+i;
   
   // console.log(test);
}

test1: "테스트1"
test2: "테스트2"
test3: "테스트3"
test4: "테스트4"
test5: "테스트5"
test6: "테스트6"
test7: "테스트7"
test8: "테스트8"
test9: "테스트9"
test10: "테스트10"
length:0
[[Prototype]]:Array(0)

 

 

 

window 객체로 동적변수 만들기

글로벌 영역이기 때문에 생성자 없이 만들 수 있다.

for(var i=1; i<=5; i++) {       
   window["test"+i] = '테스트'+i;
   
   // console.log('test'+i);
}

테스트1
테스트2
테스트3
테스트4
테스트5