방법(1) 배열의 길이만큼 도는 방법
for(var i = 0; i < names.length; i++){}
방법(2) 배열의 인덱스를 꺼내는 방법
for(var i in names) {}
주의사항 : 이때 원소를 꺼내난 게 아니라, 인덱스를 꺼낸다.
따라서, array[i] 라고 써야한다.
방법(3) 1.5 for 반복문과 비슷
for(var item of names){}
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
let names = ['가길동', '나길동', '다길동', '라길동', '마길동'];
//alert(names);
document.write('<h3>방법1</h2>');
for(var i = 0; i <names.length; i++){
alert(names[i]); // 하나씩 창으로 뜬다.
document.write(names[i] + "<br>");
console.log(names[i]); // 개발자모드에서 console에 들어가면 나와있다. 개발자가 디버깅하기 위해 쓰는 것.
}
document.write('<h3>방법2</h2>');
for(var i in names){ //원소를 꺼내는 게 아니라, 인덱스가 반환된다. 주의해야함!
document.write(i + '<br>');
document.write(names[i] + '<br>');
}
//1.5 for반복문 (foreach 반복문과 비슷한 형태)
document.write('<h3>방법3</h2>');
for(var item of names){
document.write(item + '<br>');
}
</script>
</head>
<body>
</body>
</html>'웹 프로그래밍 > JavaScript' 카테고리의 다른 글
| [JS] 매개변수의 값이 입력되지 않았을 때(undefined) 처리 방법 4가지 (0) | 2020.06.16 |
|---|---|
| [JS] 함수 생성 및 활용 (함수 호이스팅, arguments, callback 함수) (0) | 2020.06.16 |
| [JS] Array 생성 및 활용 (0) | 2020.06.16 |
| [JS] do while, while 반복문 사용하기 (0) | 2020.06.16 |
| [JS] 백틱(backtick) 사용 예제 (0) | 2020.06.16 |
