[TIL-12] 생활코딩 WEB2 JavaScript-19~22

20. 배열 : 새로운 데이터 타입

• 집에 살림살이가 많아지면 옷장, 책장, 냉장고, 서랍장 등에 물건을 정리해넣듯, 많아진 데이터를 연관된 것들끼리 정리정돈해두는 수납상자.
• 문법(syntax)
  • 대괄호로 감싸며 여러 값을 콤마(,)로 이어 쓸 수 있음. "문자"로 표기하듯, [배열원소1, 배열원소2].
  • 변수를 이용해서 배열의 이름 정함.   예) var cowerkers = ["egoing", "leezche"];
• 속성
  • 수납해둔 배열값 가져오는 방법
    • document.write(cowerkers[index 번호]) : 첫번째 자리의 값은 0번째.
  • 데이터 추가하는 방법
    • 배열명.push("추가할 값")
    • 어디에 추가할지는 "javascript array" 검색하면 알 수 있음.
  • 수납된 배열값의 개수
    • document.write(배열명.length)

 

21. 반복문(loop)

• while(true/false){
     코드1
  }
  코드2
  • (true)일 때까지 {코드1}이 실행되고, (false)이게 되면 코드2 실행.
  • if 조건문과 함께, 순서대로 실행되는 프로그램의 흐름을 제어하는 제어문.
• 반복문이 언제 종료될지 지정해야 함.
  • var i = 0;                              - i의 값은 0에서 시작
    while(i < 3){                          - i가 3보다 작으면 {코드1} 실행
       코드1
       i = i + 1;                           - 실행 후 i 값은 1만큼 증가
    }
    코드2                                  - i가 3 이상이 되면 {}를 빠져나와 코드2 실행
    
    • 반복하여 실행된 횟수를 적어놓는 변수. 관습적으로 i를 씀.
    • 세 번 반복하게 하는 반복문.

 

22. 배열과 반복문

• 반복문을 통해 배열의 데이터를 순차적으로 꺼낼 수 있음.
  • var coworkers = ['egoing', 'leezche', 'duru'];
    var i = 0;
    while(i < coworkers.length){
       document.write(coworkers[i]);
       i = i + 1;
    }
    • (i < coworkers.length) : 배열에 원소를 추가하거나 제거하는 등 데이터의 내용이 바뀌어도 로직을 그대로 사용할 수 있음.