변수를 사용하는 다른 방법(반복되는 객체를 간단히 사용하기)

프로그래밍을 하다보면 버튼을 여러개 생성해야 한다던지, TextInput을 쭉 나열해야 한다던지

하는 그런 경우들이 있다.

그럴때는 반복되는 코드가 계속 늘어나게 되는데 이를 간단하게 하기 위해

jsp에서는 아래와 같은 방법을 사용할 수 있었다.<%! final int NUMBER = 6; %> <% for( int i = 0; i < NUMBER; i++ ){ %> <input type="text" name="num<%=i%>" size="3" /> <% } %>

이와 같이 하면 text를 입력할 수 있는 공간 6개가 만들어진다.

이 text타입들은 name1, name2, name3, name4, name5, name6으로 생성되어진다.

jsp에서는 자바형식의 코드와 html형식의 코드가 연동되기 때문에 저런식으로

사용하는 것이 가능하였는데 플렉스에서도 이게 가능하지 않을까 싶은 생각이 들었다.

그래서 시도한 방법이 저 방법과 비슷하게

<mx:Script>안에 있는 for문안에 mxml의 코드를 넣어봤는데 에러가 났다.

그럼 jsp와 같은 식으로 변수를 사용하는것이 불가능할까?

Flex에서는 오히려 jsp보다 더 편하고 간결하게 사용이 가능하다.

Flex에서는 변수를 접근하는데 있어 두가지의 방식을 갖는다.

한가지는 일반적인 방법으로 아래와 같이 사용한다.
Exam클래스 안에 있는 String형식의 test 변수에 값을 넣는 예제이다.var exam:Exam = new Exam; exam.test = "myExam";또다른 한가지의 방식은 아래와 같다.var exam:Exam = new Exam; exam["test"] = "myExam";아래와 같은 방법을 사용함으로써 여러변수나 객체를 반복문을 통해 간단히 사용할 수 있다.

아래는 사용 예제를 간단히 나타내 보았다.

TextInput 컴포넌트를 10개 생성함과 동시에 주어진 TextInput의 변수명들이 각각의 출력창내에
나타나도록 하였다.
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" applicationComplete="myExam();"> <mx:Script> <![CDATA[ import mx.controls.TextInput; private var textInput:TextInput; public function myExam():void { for(var i:int = 0; i < 10; i++) { TextInput["textInput" + i.toString()] = new TextInput; TextInput["textInput" + i.toString()].width = 100; TextInput["textInput" + i.toString()].height = 20; TextInput["textInput" + i.toString()].text = "textInput" + i.toString(); this.addChild(TextInput["textInput" + i.toString()]); } } ]]> </mx:Script> </mx:Application>
컴포넌트 뿐만아니라 일반 변수에도 물론 똑같이 적용할 수 있고 메서드 또한 마찬가지다.

메서드는 아래와 같이 사용할 수 있다.var exam:Exam = new Exam; exam["test"]();