[JAVASCRIPT/JQUERY] 배열(Array)관련 함수

var 배열1 = ["1","2","3","12","13"];

var 배열2 = ["a","b","c"];

 

 

concat : 두개의 배열을 하나의 배열로 이어주는 함수 

배열3 = 배열1.concat(배열2);

>> 배열3의 결과 :  ["1","2","3","12","13","a","b","c"]

 

 

 

filter : 조건에 맞는 배열의 요소를 모아 새로운 배열로 만들어 반환한다. 

//filter에 사용할 조건함수 

function filterFun(val) {
  return val >= 10;
}


배열3 = 배열1.filter(filterFun);

>> 배열3의 결과 : ["12","13"]

 

 

 

find : 조건에 맞는 배열의 요소 중 첫번째 값을 반환한다. 

function filterFun(val) {
  return val >= 10;
}

결과값 = 배열1.find(filterFun);

>> 결과값 : "12"

 

 

 

 

foreach : 각 배열의 요소에 대해 함수를 실행한다 (for문)

function forFun(val){

  console.log(val);

}


배열1.foreach(forFun);

>> 콘솔 결과 : "1","2","3","12","13"

 

 

 

 

map :  각 배열의 요소에 대해 함수를 실행한다 (for문)

function forFun(val){

  console.log(val);

}

배열1.foreach(forFun);

>> 콘솔 결과 : "1","2","3","12","13"

 

 

 

 

join : 각 요소를 구분자로 연결해 하나의 문자열로 만든다. 구분자를 생략할 경우 ,로 구분된다. 

결과값 = 배열1.join('*');

>> 결과값 : "1*2*3*12*13"

 

 

 

 

pop : 배열의 마지막 요소를 제거하고 그 요소를 반환한다.

console.log(배열1.pop());

>> 콘솔 결과 : "13"

 

 

 

 

push : 배열의 맨끝에 요소를 추가하고 새로운 길이를 반환

console.log(배열2.push("1","2"))

>> 결과값 : 5

>> 배열2 : ["a","b","c","1","2"]

 

 

 

 

shift : 배열의 첫번째 요소를 제거하고 그 요소를 반환한다.

console.log(배열1.shift());

>> 콘솔 결과 : "1"

 

reverse : 배열의 순서를 반전한다. (마지막요소가 첫번째로, 첫번째 요소가 마지막으로)

console.log(배열1.reverse());

>> 콘솔 결과 : "13","12","3","2","1"

 

 

 

 

sort :문자열의 유니코드 포인트에 따라 정렬한 후 반환한다.

console.log(배열1.sort());

>> 콘솔 결과 : "1","12","13","2","3"

 

 

 

 

slice : 배열 자르기

console.log(배열1.slice(2));

>>결과 : "3","12","13"

console.log(배열1.slice(2,4));

>>결과 : "3","12"

 

 

 

splice :배열을 삭제 교체 추가하여 변경한다

console.log(배열2.splice(2,1,"abc"));

>> 결과 : "a","c","abc"

//2번삭제, 1번부터배열시작, "abc"추가

 

 

 

console.log(배열2.splice(2,3,"abc"));

>> 결과 : "c","a","abc"

//2번삭제, 3번부터배열시작, "abc"추가