javascript foreach 사용하기

Javascript에서 배열에 담긴 key와 value 를 가져오기 위해서는 for 문을 아래 예와 같이 이용하면 PHP에서 사용하는 foreach 와 같은 효과를 얻을 수 있다.

var arr = new Array('aaa', 'bbb', 'ccc', 'ddd');

for(var key in arr) {
	document.write(key + " = " + arr[key] + "<br />");
}

 

덤으로 배열에 담긴 값을 셀렉트박스에 추가 하는 소스를 첨부한다.

<select name="fruit_selectbox" id="fruit_selectbox">
</select>
<script type="text/javascript">
	var data = new Array("사과", "배", "귤", "딸기", "바나나", "오렌지");
	var obj = document.getElementById("fruit_selectbox");

	obj.options.length = 0;
	obj.options[0] = new Option("과일선택", "");

	for(var key in data) {
		var value = data[key];
		obj.options[obj.options.length] = new Option(value, key);
	}
</script>

 

 

CC BY-NC-SA 4.0 This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.