투케이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(시작 인덱스, 종료 인덱스); 방식으로 사용합니다

*/


 

반응형
Comments