[자바스크립트 정리] 배열 원소의 추가,제거,정렬

참조 : 생활코딩

1. push

다음은 배열의 끝에 원소를 추가하는 방법이다. push는 인자로 전달된 값을 배열(li)에 추가하는 명령이다. 배열 li의 값은 a, b, c, d, e, f가 됐다.

1 2 3

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

2.concat

다음은 복수의 원소를 배열에 추가하는 방법이다. concat은 인자로 전달된 값을 추가하는 명령이다.

1 2 3

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

3. unshift

다음은 배열의 시작점에 원소를 추가하는 방법이다. 배열 li는 z, a, b, c, d, e가 됐다. unshift는 인자로 전달한 값을 배열의 첫번째 원소로 추가하고 배열의 기존 값들의 색인을 1씩 증가시킨다.

1 2 3

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

4.splice

만약 두번째 인덱스 뒤에 대문자 B를 넣고 싶다면 아래와 같이한다. splice는 첫번째 인자에 해당하는 원소부터 두번째 인자에 해당하는 원소의 숫자만큼의 값을 배열로부터 제거한 후에 리턴한다. 그리고 세번째 인자부터 전달된 인자들을 첫번째 인자의 원소 뒤에 추가한다.

1 2 3

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

5.shift

다음은 배열의 첫번째 원소를 제거하는 방법이다. shift를 사용하면 된다. 아래 결과는 b, c, d, e 다.

1 2 3

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

6.pop

다음은 배열 끝점의 원소를 배열 li에서 제거한다. 이때는 pop를 사용한다. 결과는 a, b, c, d 다.

1 2 3

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

7.sort

다음은 정렬하는 방법이다. 결과는 a, b, c, d, e 다.

1 2 3

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

8.reverse

역순으로 정렬하고 싶을 때는 아래와 같이 한다.

1 2 3

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