배열의 메소드 [JavaScript][배열 메소드]

[광고 누르면 오늘의 행운 상승!!]

배열을 문자열로 반환하는 메소드

<<toString>>

객체의 내용 문자열 변환
배열의 원소 ,(쉼표)로 연결한 문자열 반환

var numberArray = [1,2,3,4,5];
document.writeln(numberArray.toString());

-출력

1,2,3,4,5

 

<<join>>

배열의 내용 문자열로 변환
배열의 원소를 연결하는 문자 지정 가능

1. 메소드 전달인자 아무것도 지정 x
= toString()과 같은 결과

2. 메소드 전달인자 '/'

var numberArray = [1,2,3,4,5];
document.writeln("<p>" + numberArray.join('/') + "</p>");

- 출력
1/ 2/ 3/ 4/ 5

 

배열의 원소 정렬 메소드

 

<<sort>>

배열의 원소들 정렬
배열의 정렬 : 배열 자체에서 일어남

1. 전달인자 x : 문자 정렬 방식

var randomArray = [45,23,5,3,1];
randomArray.sort();

document.writeln("<p>" + randomArray .toString() + "</p>");

-출력

1,23,3,45,5

문제점 : 숫자도 문자로 인식하여 정렬
sort메소드 문자 정렬 방식으로 정렬

 

<<reverse>>

배열의 원소를 반대로 정렬
메소드가 적용된 배열 자체 변경

var numberArray = [1,2,3,4,5];
numberArray.reverse();

document.writeln(numberArray.join(', '));

-출력

5,4,3,2,1

 

배열의 원소 조작 메소드

 

<<concat>>

메소드의 전달인자 배열에 이어 붙인 후 새로운 배열 반환
기존 배열 변경하지 x 새로운 배열 반환

var numberArray = [1,2,3];
var newArray = numberArray.concat(4,5);

-출력

1,2,3,4,5

var newArray = numberArray.concat([6,7],[8,9]);

-출력
1,2,3,4,5,6,7,8,9

 

<<slice>>

배열의 일부분 반환
전달인자 : 배열의 시작과 끝
기존 배열 변경하지 x 새로운 배열 반환

var numberArray = [1,2,3,4,5,6,7,8,9];

var newArray1 = numberArray.slice(4);
var newArray2 = numberArray.slice(4,6);
var newArray3 = numberArray.slice(4, -2);

5,6,7

 

<<splice>>

배열의 일부분 삭제 삽입 등 여러 작업 가능
전달인자 : 세 개 이상 지정가능
배열자체 변경, 반환값 존재

var numberArray = [1,2,3,4,5,6,7,8,9];
var newArray = numberArray.splice(4);

반환되는 값은 5,6,7,8,9
numberArray배열은 1,2,3,4가 된다.

 

배열의 원소 추가/제거 메소드

 

<<push/pop>>

push() : 배열의 마지막 원소 추가, 새로운 배열길이 반환
pop()  : 배열의 마지막 원소 제거, 제거된 원소 반환

1. push()

var numberArray = [1,2,3];
var arrayLength = numberArray.push(4,5);

1,2,3,4,5
5

2. pop()

var numberArray = [1,2,3];
var removeElement = numberArray.pop();

1,2
3

 

<<unshift, shift>>

unshift() : 배열의 맨 앞 원소 추가, 배열 전체 길이 반환
shift()   : 배열의 맨 앞의 원소 제거, 제거된 원소 반환

1. unshift()

var numberArray = [1,2,3];
var arrayLength = numberArray.unshift('one', 'two');

one, two, 1, 2, 3
5