본문 바로가기
참고/JAVASCRIPT

배열 - slice, splice, concat, pop, push

by Elfen Lied 2020. 5. 19.
반응형

*slice

var arr = [1, 2, 3, 4, 5];
var slice = arr.slice(1, 3);
document.write(slice);


설명
slice (인덱스 번호)1, 3은 배열의 2, 3, 4 인데
3번에 있는 배열값이 아닌 3번 앞까지 끊은 값

즉, 2, 3, /4      인덱스번호 3번(4) 앞까지 끊었으므로

2, 3 이 출력됨

 

 

*splice

var arr = [1, 2, 3, 4, 5];
arr.splice(2, 1, 7,8);
document.write(arr);


설명
splice는 (2, 1, 7, 8) 에서  2, 1 에 2는 인덱스번호 2번 [1, 2, \3\, 4, 5]
2, 1에서 1은 배열 갯수 1개 삭제 

즉, 인덱스 번호 2번부터 1개의 배열 갯수 삭제 한뒤에

2, 1, \7, 8\     그 삭제된곳에 7 8 번을 새로 추가


결과
1,2,7,8,4,5 

 

 

*concat

var arr1 = [1, 2, 3];
var arr2 = [4, 5, 6];

var result = arr1.concat(arr2);

document.write(result);



설명
arr1에 arr2를 연결한다.

결과
1,2,3,4,5,6

 

 

 

*shift

var arr1 = [1, 2, 3];

arr1.shift();

document.write(arr1,"<br>");


설명
shift는 저장된 배열 중 첫번째 것을 날린다 // 1을 삭제

결과
2, 3

 

 

 

*unshift

var arr2 = [1, 2, 3];

arr2.unshift(4);

document.write(arr2);


설명
unshift는 배열 가장 앞에 새로운 값을 넣는다.
unshift(새로운 값) =>> unshift(4)  = 4를 넣었으므로

결과
4,1,2,3 

 

 

 

 

반응형

'참고 > JAVASCRIPT' 카테고리의 다른 글

로또 lotto  (0) 2020.05.22
재귀함수 - Recursive Function  (0) 2020.05.21
스크롤 이벤트 - 클릭시 상단으로 이동하는 버튼 구현  (0) 2020.05.16
함수 return  (0) 2020.05.15
호이스팅 (hoisting)  (0) 2020.05.14

댓글