배열과 반복문을 함께 자주 사용하는 이유

Pang·2021년 8월 6일
0
post-thumbnail

📑스터디 키워드📑

배열과 반복문을 함께 자주 사용하는 이유

var abc = ['디','스','코','딩','딩','너','무','좋','아','요'] 이라는 배열을

순서대로 출력하고 싶다.❓❗

반복문을 사용하지 않고 코드를 쓴 경우.

<!DOCTYPE html>
<html>
    <head></head>
           <title></title>
           <meta charset="UTF-8">       
           <script>
           
           var abc = ['디','스','코','딩','딩','너','무','좋','아','요']
           
           document.write(abc[0]);
           document.write(abc[1]);
           document.write(abc[2]);
           document.write(abc[3]);
           document.write(abc[4]);
           document.write(abc[5]);
           document.write(abc[6]);
           document.write(abc[7]);
           document.write(abc[8]);
           document.write(abc[9]);
           
           </script>
    </head>
<body>
</body>
</html>

for in 반복문을 사용하여 코드를 쓴 경우.

for in 문은 소스 코드를 입력한 배열 혹은 객체의 속성에 맞게 반복하여 실행.

for (var [변수명] in [객체 | 배열]){

  [소스 코드];

}

<html>
    <head></head>
           <title></title>
           <meta charset="UTF-8">       
           <script>
           
           var abc = ['디','스','코','딩','딩','너','무','좋','아','요']
           
           for(var i in abc){
           
            document.write(abc[i]);
            
           }
           
           </script>
    </head>
<body>
</body>
</html>

결과값은 같게 나오지만

코드 줄 수는 10 -> 3 줄로 간단하게 바뀌었다.🎉

ex 2) var abc = ['디','스','코','딩','딩','너','무','좋','아','요']를

뒤에부터 순서대로 삭제하기

여기서 pop() 는 배열의 맨 끝부분을 제거하는 배열 메서드.

1. 파격적인 시간 단축!✨

2. 코드의 간소화!✌

3. 🙆‍♂️개발자의 편리함🙆‍♂️

profile
팡 화이토

0개의 댓글