Week 3 - Javascript

• 배열이 필요한 이유와 선언하는 방법

1. 관련 있는 데이터들을 하나의 배열에 담을 수 있다.
2. 관련있는 데이터들을 한 변수에 저장하므로 데이터를 찾기가 용이하다.
3. 한 변수에 여러 데이터들의 관리가 가능하기에 코드의 가독성이 높아지고, 불필요한 오류를 줄일 수 있다.-.

• 배열의 값을 추가, 수정, 삭제하는 방법

1. pop
   배열 뒷부분의 값을 삭제

   var arr = [ 1, 2, 3, 4 ];
   arr.pop();
   console.log( arr ); // [ 1, 2, 3 ]

2. push
   배열 뒷부분에 값을 삽입

   var arr = [ 1, 2, 3, 4 ];
   arr.push( 5 );
   console.log( arr ); // [ 1, 2, 3, 4, 5 ]

3. unshift
   배열 앞부분에 값을 삽입

   var arr = [ 1, 2, 3, 4 ];
   arr.unshift( 0 );
   console.log( arr ); // [ 0, 1, 2, 3, 4 ]

4. shift
   배열 앞부분의 값을 삭제

   var arr = [ 1, 2, 3, 4 ];
   arr.shift();
   console.log( arr ); // [ 2, 3, 4 ]

5. concat
   다수의 배열을 합치고 병합된 배열의 사본을 반환

   var arr1 = [ 1, 2, 3 ];
   var arr2 = [ 4, 5, 6 ];
   var arr3 = arr2.concat( arr1 );
   console.log( arr3 ); // [ 4, 5, 6, 1, 2, 3 ]

6. slice( startIndex, endIndex)
   배열의 startIndex부터 endIndex까지(endIndex는 불포함)에 대한 shallow copy를 새로운 배열 객체로 반환

   var arr = [ 1, 2, 3, 4, 5, 6, 7 ];
   var newArr = arr.slice( 3, 6 );
   console.log( 'slice',  newArr ); // [ 4, 5, 6 ]

7. splice
   배열의 특정위치에 요소를 추가하거나 삭제
   splice( index, 제거할 요소 개수, 배열에 추가될 요소 )

   var arr = [ 1, 2, 3, 4, 5, 6, 7 ];
   arr.splice( 3, 2 );
   console.log( arr ); // [ 1, 2, 3, 6, 7 ]   3번째 인덱스에서부터 2개 제거
   
   var arr = [ 1, 2, 3, 4, 5, 6, 7 ];
   arr.splice( 2, 1, "a", "b");
   console.log( arr ); // [ 1, 2, "a", "b", 4, 5, 6, 7 ] 2번째 인덱스에서 1개 제거 후 "a"와 "b"를 추가    

• 반복문이 필요한 이유와 사용하는 방법

반복문은 같은 계산을 여러번 하는 것을 한 번의 코딩으로 해결할 수 있게끔 해준다.
또한 코딩을 하는 사람이 여러번 반복되는 작업을 일일이 하나씩 작업을 하게된다면 실수가 일어날 수도 있기 때문에 한 번의 반복문 사용으로 실수를 없앨 수도 있다.

for(초기화; 반복조건; 반복이 될 때마다 실행되는 코드){
반복해서 실행될 코드
}

for(var i = 0; i < 10; i++){
document.write('coding everybody'+i+'<br />');
}

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

  반복문은 동일한 명령을 정해진 횟수만큼 반복하여 수행하도록 제어하는 명령문으로 구문(syntax)에는 주로 변수 증감을 위한 명령을 많이 사용하는데, 배열의 index가 해당 역할을 수행하기에 적합하기 때문에 배열과 반복문은 자주 함께 쓰인다.

• 배열의 메서드 5가지와 사용 방법