배열

조수경·2021년 11월 18일
0

HTML

목록 보기
50/96
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel = "stylesheet" href = "../css/mystyle.css" type="text/css">


<script>
proc1 = () => {
	var fruit = ["사과", "바나나", "참외" ,100,200,123.4567, "딸기"]
	 print(fruit, "result1",123);
}
//function pront(fr,out){}

print = (fr, out, ff) => {
	str="";
	/*1,2,3을 지역변수라 사용할 수 없어서 파리미터fr로 넘겨서 사용해야함*/
	for(i=0; i<fr.length; i++){
	    str += fr[i] + " ";
	}
	
	document.getElementById(out).innerHTML = str;
}

proc2 = () => {
	var fruit = new Array("사과",1000,2000, "바나나", "참외", "딸기")
	print(fruit,"result2");
}
proc3 = () => {
    var fruit = new Array()
	   fruit[0]="사과"
	   fruit[1]=123.4567;
	   fruit[2]="참외"
	   fruit[3]="딸기"
	   
	print(fruit,"result3");
}
</script>
</head>
<body>

<div class = "box">
   배열 - 리터럴로 생성
   fruit = ["사과", "바나나", "참외", "딸기"]
   <br>
  <button type = "button" onclick="proc1()">확인</button>
  <div id = "result1"></div>
</div>

<div class = "box">
   배열 - Array객체<br>
   생성자의 파라미처로 인수를 전달 <br>
   fruit = new Array("사과", "바나나", "참외", "딸기")
   <br>
  <button type = "button" onclick="proc2()">확인</button>
  <div id = "result2"></div>
</div>

<div class = "box">
   배열 : 많은 양의 데이터를 일괄처리 하기 위해서 연속된 공간에 저장 한다<br>
   데이터 타입은 구별하지 않는다<br>
   배열의 크기가 자동으로 증가한다<br>
   배열 - Array객체<br>
   fruit = new Array()<br>
   fruit[0]="사과"<br>
   fruit[1]="바나나"<br>
   fruit[2]="참외"<br>
   fruit[3]="딸기"<br>
   
  <button type = "button" onclick="proc3()">확인</button>
  <div id = "result3"></div>
</div>

</body>
</html>

profile
신입 개발자 입니다!!!

0개의 댓글