Notice
Recent Posts
Recent Comments
Link
투케이2K
100. (javascript/자바스크립트) slice 사용해 원본 배열 (array) 데이터 복사해 새로운 배열 생성 본문
JavaScript
100. (javascript/자바스크립트) slice 사용해 원본 배열 (array) 데이터 복사해 새로운 배열 생성
투케이2K 2021. 7. 27. 10:41[개발 환경 설정]
개발 툴 : Edit++
개발 언어 : javascript
[소스 코드]
<!-- 내부 JS 지정 -->
<script>
/*
[JS 요약 설명]
1. window.onload : 브라우저 로드 완료 상태를 나타냅니다
2. slice : 시작 인덱스부터 종료 인덱스 전까지의 데이터를 복사해 새로운 배열 객체로 반환합니다
3. slice 사용 시 원본 배열은 수정되지 않습니다 (splice 는 원본 요소 삭제, 교체 실시)
4. 인덱스 (index) : 배열에서 각 번지를 나타내는 번호입니다 (배열은 0번 번지부터 시작)
5. JSON.stringify : 대괄호 [] 포함한 배열 데이터를 출력해줍니다
6. 문법 : array.slice(시작 인덱스, 종료 인덱스); 방식으로 사용합니다
*/
/* [html 최초 로드 및 이벤트 상시 대기 실시] */
window.onload = function() {
console.log("");
console.log("[window onload] : [start]");
console.log("");
// [초기 변수 선언 실시]
var array = [1, 2, 3, 4, 5];
console.log("");
console.log("[array original] : " + JSON.stringify(array));
console.log("");
// [slice 사용해 원본 배열 데이터 복제 및 새로운 배열 생성]
var copy0tolen = array.slice(0, array.length);
console.log("");
console.log("[전체 복사] : " + JSON.stringify(copy0tolen));
console.log("");
// [slice 사용해 원본 배열 데이터 복제 및 새로운 배열 생성]
var copy1to3 = array.slice(1, 3); //1부터 3전까지 즉, 2번지까지 복사
console.log("");
console.log("[1부터 3전까지 복사] : " + JSON.stringify(copy1to3));
console.log("");
};
</script>
[결과 출력]
[요약 설명]
/*
[JS 요약 설명]
1. window.onload : 브라우저 로드 완료 상태를 나타냅니다
2. slice : 시작 인덱스부터 종료 인덱스 전까지의 데이터를 복사해 새로운 배열 객체로 반환합니다
3. slice 사용 시 원본 배열은 수정되지 않습니다 (splice 는 원본 요소 삭제, 교체 실시)
4. 인덱스 (index) : 배열에서 각 번지를 나타내는 번호입니다 (배열은 0번 번지부터 시작)
5. JSON.stringify : 대괄호 [] 포함한 배열 데이터를 출력해줍니다
6. 문법 : array.slice(시작 인덱스, 종료 인덱스); 방식으로 사용합니다
*/
반응형
'JavaScript' 카테고리의 다른 글
Comments