JavaScript : Array

여러개의 데이터를 하나의 변수로 저장하기 위한 것
변수의 경우 하나의 데이터만 저장할 수 있었다면
배열은 여러개를 저장해서 사용할 수 있다.

배열을 작성하는 방법은 다음과 같다.

let member = ['pangho', 'ppapangho', 'panghooo']

대괄호([])는 배열을 만드는 기호다.
대괄호 안에 콤마(,)를 사용해 데이터를 구분 한다.
이렇게 구분한 각각의 데이터를 원소(Elment)라고 부른다.
데이터의 순서는 브라우저가 지정하며 0부터 시작된다.

이렇게 저장한 값을 불러올 때는 아래와 같이 작성하면 된다.

alert(member[0]);
alert(member[1]);
alert(member[2]);

배열에 담겨있는 값을 가져올때는 대괄호 안에 숫자를 넣는다
이 숫자를 색인(index)라고 부른다.

배열은 반복문과 사용했을때 가장 큰 효과를 볼 수 있다.

function get_members(){
    return['pangho', 'ppapangho', 'panghooo', 'pangha']
  }
  members = get_members();

  for(let i=0; i<members.length; i++){
    document.write(members[i].tpUpperCase() + '<br/>')
  }

여기서 주목할 것은 반복문과 배열을 결합한 부분이다.
반복문을 이용해 배열 members의 내용을 하나씩 꺼낸 후
이름의 글자를 대문자로 변경 후 출력하고 있다.

배열이란 연관된 정보를 하나의 그룹으로 관리하기 위해 사용한다
그리고 그 정보를 처리할 때는 반복문을 이용한다.

배열의 조작

추가

배열 안에 원소를 추가하는 방법에 대해 알아보자

• push

배열의 끝에 원소를 추가하는 방법이다.
작성 방법은 아래와 같다.

let li = ['a', 'b', 'c', 'd', 'e'];
li.push('f');
alert(li);

// 결과값 li = ["a", "b", "c", "d", "e", "f"] //

• concat

배열의 끝에 다수의 원소를 추가하는 방법이다.
작성 방법은 다음과 같다.

let li = ['a', 'b', 'c', 'd', 'e'];
li = li.concat(['f', 'g']);
alert(li);

// 결과값 li = ["a", "b", "c", "d", "e", "f", "g"] //

• unshift

배열의 앞에 원소를 추가하는 방법이다.
앞에 추가하기 때문에 기존 원소들의 색인이 1씩 증가한다.
작성 방법은 다음과 같다.

let li = ['a', 'b', 'c', 'd', 'e'];
li.unshift('z');
alert(li);

// 결과값 li = ["z", "a", "b", "c", "d", "e"]  //

• splice

배열 중간에 값을 삭제한 후 추가하는 방법이다.
삭제한 원소는 return해 보여준다.
작성 방법은 다음과 같다.

let li = ['a', 'b', 'c', 'd', 'e'];
li.splice(2, 0, 'B');
alert(li);

/* splice 작성 순서는 다음과 같다.
splice=(색인, 삭제할 원소 개수, 추가할 원소(복수 가능)); 
위 예시의 결과 값은 다음과 같다.
li = ["a, "b", "B", "c", "d", "e"]
*/

제거

• shift

배열의 첫번째 원소를 제거하는 방법이다.
작성 방법은 다음과 같다.

let li = ['a', 'b', 'c', 'd', 'e'];
li.shift();
alert(li);

// 결과값 li = ["b", "c", "d", "e"]

• pop

배열의 마지막 원소를 제거하는 방법이다.
작성 방법은 다음과 같다.

let li = ['a', 'b', 'c', 'd', 'e'];
li.pop();
alert(li);

// 결과값 li = ["a", "b", "c", "d"]

정렬

• sort

배열을 정렬하는 방법이다.
작성 방법은 다음과 같다.

let li = ['c', 'e', 'a', 'b', 'd'];
li.sort();
alert(li);

// 결과값 li = ["a", "b", "c", "d", "e"] 정렬 기준은 알파벳 순이다.

• reverse

배열의 순서를 역순으로 정렬하는 방법이다.
작성 방법은 다음과 같다.

let li = ['c', 'e', 'a', 'b', 'd'];
li.reverse();
alert(li);

// 결과값 li = ["e", "d", "c", "b", "a"]