<!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);
}
print = (fr, out, ff) => {
str="";
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>
