자바스크립트 for length / for in / for of
자바스크립트에서 for 루프문의 가장 클래식한 형태는 아래와 같습니다.
[code]
<script>
my = "";
you = ["하나 ", "둘 ", "셋 ", "넷 ", "다섯"];
for (i = 0; i < you.length; i++) {
my += you[i];
}
document.write(my);
</script>
<!-- 결과 : 하나 둘 셋 넷 다섯 -->
[/code]
for in 을 쓰면 더 간략합니다. length 가 필요없습니다.
단 포인문은 배열을 위해 존재하는 것이 아니라 객체를 위해 존재하는 구문입니다.
배열도 하나의 오브젝트니까요.
[code]
<script>
my = "";
you = ["하나 ", "둘 ", "셋 ", "넷 ", "다섯"];
for (i in you) {
my += you[i];
}
document.write(my);
</script>
<!-- 결과 : 하나 둘 셋 넷 다섯 -->
[/code]
요즘은 for of 로 전향하는 추세입니다.
length 는 물론 대괄호도 필요없이 변수의 맨몸뚱아리를 그대로 호출합니다.
단 IE 에서는 먹빡입니다.
[code]
<script>
my = "";
you = ["하나 ", "둘 ", "셋 ", "넷 ", "다섯"];
for (i of you) {
my += i;
}
document.write(my);
</script>
<!-- 결과 : 하나 둘 셋 넷 다섯 -->
[/code]
----------
----------
참고로 포인문은 오브젝트를 위해 존재하는 구문이라고 하였습니다.
예컨대 div 는 어떤 것들을 갖고 있는지 확인하려면...
[code]
<div id="you"></div>
<script>
my = "";
for (i in you) {
my += you[i];
}
document.write(my);
</script>
[/code]
댓글 6개
요즘은 포이치문도 씁니다만...
근데 포이치문을 쓰면 어딘지 모르게 생경하고 무엇보다도 글자가 길어서 영 안 땡기더라구요.
가독성이 떨어진달까요?
저도 두세달 전까지는 포오브를 안 썼어요.
고객 중에 빌어먹을 익스 사용하는 바보같은 놈이 하나 있어서요.
그 놈이 떨어져 나가고 나서는 무조건 포오브로 씁니다. 너무 편합니다. 그냥 맨몸뚱아리로 호출하니까요.ㅋ
게시판 목록
개발자팁
질문은 QA에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 5366 | 기타 |
nekoieye
|
1년 전 | 1110 | |
| 5365 | PHP | 1년 전 | 769 | ||
| 5364 | JavaScript | 1년 전 | 520 | ||
| 5363 | JavaScript | 1년 전 | 986 | ||
| 5362 | 1년 전 | 1225 | |||
| 5361 | JavaScript | 1년 전 | 1231 | ||
| 5360 |
그누보드이해하기
|
1년 전 | 769 | ||
| 5359 | 1년 전 | 1085 | |||
| 5358 | 1년 전 | 1090 | |||
| 5357 | 1년 전 | 803 | |||
| 5356 | 1년 전 | 365 | |||
| 5355 |
|
1년 전 | 582 | ||
| 5354 | 1년 전 | 1055 | |||
| 5353 |
|
1년 전 | 700 | ||
| 5352 |
|
1년 전 | 634 | ||
| 5351 | PHP | 1년 전 | 801 | ||
| 5350 | PHP | 1년 전 | 568 | ||
| 5349 | OS | 1년 전 | 642 | ||
| 5348 | 기타 | 1년 전 | 446 | ||
| 5347 | 기타 | 1년 전 | 625 | ||
| 5346 | 기타 | 1년 전 | 502 | ||
| 5345 | 기타 | 1년 전 | 393 | ||
| 5344 | JavaScript |
|
1년 전 | 422 | |
| 5343 | PHP |
|
1년 전 | 492 | |
| 5342 | jQuery | 1년 전 | 568 | ||
| 5341 | PHP |
|
1년 전 | 870 | |
| 5340 | Mobile |
슈퍼스타맨
|
1년 전 | 547 | |
| 5339 | 기타 |
|
1년 전 | 545 | |
| 5338 |
멀티트리플
|
2년 전 | 1288 | ||
| 5337 | 기타 |
슈퍼스타맨
|
2년 전 | 1780 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기