자바스크립트 for length / for in / for of

· 2022-02-24 (목) 11:29:08 · 2797 · 6

자바스크립트에서 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개

감사합니다. 많이 배웁니다.
2022-04-07 (목) 13:03:42
@김철용 이건 꼭 알고 넘어가셔야 합니다.ㅋ
for of는 처음 보는 문법이네요.
2022-04-09 (토) 02:08:35
@SimpleCode
요즘은 포이치문도 씁니다만...
근데 포이치문을 쓰면 어딘지 모르게 생경하고 무엇보다도 글자가 길어서 영 안 땡기더라구요.
가독성이 떨어진달까요?

저도 두세달 전까지는 포오브를 안 썼어요.
고객 중에 빌어먹을 익스 사용하는 바보같은 놈이 하나 있어서요.
그 놈이 떨어져 나가고 나서는 무조건 포오브로 씁니다. 너무 편합니다. 그냥 맨몸뚱아리로 호출하니까요.ㅋ
2022-09-02 (금) 15:57:40
for of는 또 첨 보네요ㅎㅎㅎ 역시 자스 직관적이야
감사합니다. javascript 공부에 도움이 많이 됩니다. ㅎ
댓글을 작성하시려면 로그인이 필요합니다.

개발자팁

5,403건

개발과 관련된 유용한 정보를 공유하세요. 질문은 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
JavaScript 22-05-26 조회 2,340
기타 22-05-25 조회 1,989
기타 22-05-24 조회 2,199
기타 22-05-22 조회 2,036
웹서버 22-05-17 조회 2,926
PHP 22-05-11 조회 1,968
PHP 22-05-09 조회 2,726
PHP 22-05-06 조회 2,238
JavaScript 22-05-06 조회 2,815
JavaScript 22-04-14 조회 2,866
기타 22-04-07 조회 2,072
JavaScript 22-03-15 조회 2,715
기타 22-03-10 조회 2,050
기타 22-03-08 조회 3,245
웹서버 22-02-28 조회 4,099
JavaScript 22-02-24 조회 2,798
기타 22-02-17 조회 2,367
웹서버 22-02-16 조회 2,446
node.js 22-02-07 조회 2,336
JavaScript 22-01-30 조회 2,159
웹서버 22-01-27 조회 4,055
JavaScript 22-01-20 조회 4,829
JavaScript 22-01-20 조회 2,845
JavaScript 22-01-05 조회 3,289
기타 22-01-05 조회 3,701
OS 22-01-05 조회 2,411
웹서버 21-12-16 조회 2,545
기타 21-12-14 조회 2,351
기타 21-12-13 조회 2,382
기타
[기타]
21-11-29 조회 3,094