- 소스 코드
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>예제</title>
<script>
// ********** slice **********
var arr = [1, 2, 3, 4, 5];
document.write("arr : " + arr, "<br>");
// slice : 인덱스 '1 이상'부터 인덱스 '3 미만'까지 자름
var result = arr.slice(1, 3);
document.write("arr.slice(1, 3) : " + result, "<br>")
document.write("<br>");
// ********** splice **********
var arr2 = [1, 2, 3, 4, 5];
document.write("arr2 : " + arr, "<br>");
// splice : 인덱스 '2'부터 '1'개 삭제하고 '7, 8' 넣기
arr2.splice(2, 1, 7, 8);
document.write("arr2.splice(2, 1, 7, 8) : " + arr2, "<br>");
document.write("<br>");
// ********** concat **********
var arr3 = [1, 2, 3];
document.write("arr3 : " + arr3, "<br>");
var arr4 = [4, 5, 6];
document.write("arr4 : " + arr4, "<br>");
// concat (concatenate) : 배열 붙이기
var result2 = arr3.concat(arr4);
document.write("arr3.concat(arr4) : " + result2, "<br>");
document.write("<br>");
// ********** pop **********
var arr5 = [1, 2, 3];
document.write("arr5 : " + arr5, "<br>");
// pop : 가장 뒤의 데이터를 삭제
arr5.pop();
document.write("arr5.pop() : " + arr5, "<br>");
document.write("<br>");
// ********** push **********
var arr6 = [1, 2, 3];
document.write("arr6 : " + arr6, "<br>");
// push : 가장 뒤에 데이터를 추가
arr6.push(4);
document.write("arr6.push(4) : " + arr6, "<br>");
document.write("<br>");
// ********** shift **********
var arr7 = [1, 2, 3];
document.write("arr7 : " + arr7, "<br>");
// shift : 가장 앞의 데이터를 삭제
arr7.shift();
document.write("arr7.shift() : " + arr7, "<br>");
document.write("<br>");
// ********** unshift **********
var arr8 = [1, 2, 3];
document.write("arr8 : " + arr8, "<br>");
// unshift : 가장 앞에 데이터를 추가
arr8.unshift(0);
document.write("arr8.unshift(0) : " + arr8, "<br>");
</script>
</head>
<body>
</body>
</html>
- 실행 결과
'자바 스크립트 > 기타' 카테고리의 다른 글
| [자바 스크립트] 등차수열, 등비수열, 피보나치 수열, 세균 수 구하기 (배열에 저장) (0) | 2020.05.21 |
|---|---|
| [자바 스크립트] 함수에 매개 변수가 없을 때 - arguments (0) | 2020.05.19 |
| [자바 스크립트] 2차원 배열 2 (0) | 2020.05.19 |
| [자바 스크립트] 2차원 배열 1 (0) | 2020.05.19 |
| [자바 스크립트] 버블 정렬 (0) | 2020.05.19 |
