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>