자바스크립트 Array 객채의 메소드 사용에 대해 알아보자

Array 객체의 메소드들에 대해 알아보자.

우선 Array 객체를 선언한다

var arrayEx = [17,14,13,11,15,12,16,20,19,18]; 

1. concat(param1,,,) : 파라메터로 입력한 요소들을 모두 합친 배열을 리턴

var arr1 = [31,32,33]; var arr2 = [41,42,43]; var array01 = arrayEx.concat(arr1,arr2); document.write("arrayEx.concat(arr1,arr2) : " + array01 + "
"); 

출력

2. join() : 배열 요소들을 문자열로 변환하여 리턴

var array02 = arrayEx.join(); document.write("arrayEx.join() : " + array02 + "
"); document.write("arrayEx.join() 으로 리턴된 타입은 typeOf(array02) : " + typeof(array02) + " 이다
"); 

출력

3. push(param) : 배열의 마지막 요소 뒤에 새 요소를 추가
push(param) 메서드는 리턴값 없이 배열 자신을 변경한다.

document.write("push(50) 하기전 arrayEx: " + arrayEx + "
"); arrayEx.push(50); document.write("push(50) 한 후 arrayEx: " + arrayEx + "
"); 

출력

4. pop() : 배열의 마지막 요소를 제거하고 리턴
pop() 메서드는 리턴값 없이 배열 자신을 변경한다.

document.write("pop() 하기전 arrayEx: " + arrayEx + "
"); arrayEx.pop(); document.write("pop() 한 수 arrayEx: " + arrayEx + "
"); 

출력

5. slice(param1, param2) : 배열의 param1부터 param2까지의 요소를 리턴

var array05 = arrayEx.slice(2, 6); document.write("arrayEx.slice(2, 6) : " + array05 + "
"); 

출력

6. reverse() : 배열 요소들의 순서를 역순으로 바꿈. 리턴없이 자신이 변경된다.

document.write("reverse() 하기전 arrayEx : " + arrayEx + "
"); arrayEx.reverse(); document.write("reverse() 하기전 arrayEx : " + arrayEx + "
"); 

출력

7. sort(param) : 배열을 정렬한다. 리턴없이 자신이 변경된다.
정렬을 위해 param으로 function을 하나 생성한다.

오름차순

 document.write("arrayEx(function(left, right){ return left - right; }) 하기전 : " + arrayEx + "
");  arrayEx.sort(function (left, right){ 	return left - right;	 // 오름차순 정렬 // 값이 음수이면 앞으로 정렬한다.   });  document.write("arrayEx(function(left, right){ return left - right; }) 한 후 : " + arrayEx + "
"); 

출력

내림차순 정렬

 document.write("arrayEx(function(left, right){ return right - left; }) 하기전 : " + arrayEx + "
");  arrayEx.sort(function (left, right){ 	return right - left;	 // 내림차순 정렬 // 값이 음수이면 앞으로 정렬한다.   });  document.write("arrayEx(function(left, right){ return right - left; }) 한 후 : " + arrayEx + "
"); 

출력

8. splice(index, length) : index자리부터 length 만큼 배열에서 요소를 삭제한다. 리턴없이 자신이 변경된다.

document.write("arrayEx.splice(2,5) 하기전 : " + arrayEx + "
"); arrayEx.splice(2,5); document.write("arrayEx.splice(2,5) 한 후 : " + arrayEx + "
"); 

출력