78. (javascript/자바스크립트) Array 배열 특정 데이터 삭제 및 특정 key 값 삭제 실시 - indexOf , findIndex , splice

/* =========================== */

[ 개발 환경 설정 ]

​

개발 툴 : Edit++

개발 언어 : javascript

/* =========================== */

​

/* =========================== */

[소스 코드]

 

    <script>

    	/*
    	[JS 요약 설명]
    	1. window.onload : 웹 브라우저 로딩 완료 상태를 확인합니다
    	2. JSON.stringify : json 객체를 문자열로 표시해줍니다
    	3. indexOf : 특정 값이 포함된 인덱스 위치를 반환해줍니다
    	4. findIndex : 함수내의 조건을 만족하는 데이터 위치를 반환해줍니다
    	5. splice : 배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경합니다
    	*/

   	
    	
    	/* [html 최초 로드 및 이벤트 상시 대기 실시] */
    	window.onload = function() {
    		console.log("");
    		console.log("[window onload] : [start]");
    		console.log("");

    		//이벤트 함수 호출 
    		main();
    	};



    	/* [이벤트 수행 함수] */
    	function main(){
    		console.log("");
    		console.log("[main] : [start]"); 
    		console.log("");

    		//초기 배열 선언 
    		var default_arr = ["하나", "둘", "셋"];
    		var json_arr = [ {"idx" : "1", "name" : "투케이"}, {"idx" : "2", "name" : "twok"} ];

    		console.log("");
    		console.log("[main] : [원본] : [default_arr] : " + default_arr); 
    		console.log("[main] : [원본] : [json_arr] : " + JSON.stringify(json_arr)); 
    		console.log("");


    		//특정 데이터 삭제 실시
    		var default_idx = default_arr.indexOf("둘");
    		default_arr.splice(default_idx, 1);

    		var json_idx = json_arr.findIndex(function(key) {return key.name === "towk"});
    		json_arr.splice(json_idx, 1);

    		console.log("");
    		console.log("[main] : [삭제] : [default_arr] : " + default_arr); 
    		console.log("[main] : [삭제] : [json_arr] : " + JSON.stringify(json_arr)); 
    		console.log("");
    	};
    	
    </script>

/* =========================== */

​

/* =========================== */

[결과 출력]

​

/* =========================== */

​

/* =========================== */

[요약 설명]

​

/*

[JS 요약 설명]

1. window.onload : 웹 브라우저 로딩 완료 상태를 확인합니다

2. JSON.stringify : json 객체를 문자열로 표시해줍니다

3. indexOf : 특정 값이 포함된 인덱스 위치를 반환해줍니다

4. findIndex : 함수내의 조건을 만족하는 데이터 위치를 반환해줍니다

5. splice : 배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경합니다

*/

/* =========================== */