무룩 공부방

[HTML] EX15) 배열 (Notepad++/Java Script) 본문

IT/HTML

[HTML] EX15) 배열 (Notepad++/Java Script)

moo_look 2023. 8. 26. 21:20

배열에 대해 학습해 보았습니다.

앞으로 데이터를 다루는데 있어서 굉장히 중요한 부분이지만,

추후에 자바를 본격적으로 학습하면서 다시 공부할 예정이니

지금은 형식과 기능만 보고 넘어가겠습니다.

 

<Source code>

<!doctype html>
<html>
	<head>
		<title>배열</title>
		<meta charset="utf-8"/> 
		<script>
		//여러개의 기억장소를 확보한다		
		var arr = []; //배열생성(빈배열)
		var arr = new Array(); //new 객체 생성
		
		var arrCount = parseInt(prompt("몇개 입력할 건가요?"));
		
		for(i=0; i<arrCount; i++){
			arr[i] = parseInt(prompt("값을 입력해 주세요"));
		}
		
		let tot = 0;
		//배열에 저장된 값을 다 더하시오
		for(i=0; i<arr.length; i++){
			tot = tot + arr[i];
		}
	
		alert("총 합계 = "+tot);
		
		alert("배열의 길이 : "+arr.length);
		
		//for(i=0; i<=2; i++){
		for(i=0; i<arr.length; i++){ //arr.length
			alert(arr[i]);
		}
		</script>
	</head>
</html>

배열 

var arr = []; 
var arr = new Array();      new로 새로운 객체를 생성해줍니다.

arr.length 배열의 길이

 

배열은 아래와 같이 데이터가 저장되는데 주의할 점이 있습니다.

arr배열 ------- [데이터1]   [데이터2]   [데이터3]  ....... 

이 있을때 데이터1이 저장되어있는 공간은 배열의 첫번째 공간으로 보이지만 실제 배열에서는

첫번째 공간을 0번째 공간으로 하여 데이터의 순서가 0번부터 시작합니다.

따라서 추후에 index를 활용하여 원하는 데이터 값을 저장, 활용할때 주의해야합니다.

 

 

'IT > HTML' 카테고리의 다른 글

[HTML] EX17) 객체 (Notepad++/Java Script)  (0) 2023.08.26
[HTML] EX16) 총점과 평균 (Notepad++/Java Script)  (0) 2023.08.26
[HTML] EX14) 함수와 매개변수(Notepad++/Java Script)  (0) 2023.08.26
[HTML] EX13) 조건문 if와 switch-case문(Notepad++/Java Script)  (0) 2023.08.26
[HTML] EX12) switch-case문(Notepad++/Java Script)  (0) 2023.08.26
'IT/HTML' Related Articles more