2020. 4. 7. 00:42ㆍ생활코딩/생활코딩웹
개요
배열에 대해 알아보고 배열을 어떻게 사용하는지 실습을 통해 알아보자
실습 1
배열이란 어떤 정보를 담는 그릇이라고 할 수 있습니다 변수와는 비슷하지만 변수는 하나의 값을 담을 수 있다면 배열은 여러 가지 값을 담을 수 있습니다.
다음으로 실습으로 넘어가겠습니다. 이번에는 php와 javascript를 사용하는 방식이 비슷하므로 한 번에 표현하겠습니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>JavaScript</h1>
<script>
list = new Array("one", "two", "three");
document.write(list[0]);
document.write(list[2]);
document.write(list.length);
</script>
<h1>php</h1>
<?php
$list = array("one", "two", "three");
echo $list[2];
echo $list[1];
echo count($list);
?>
</body>
</html>위의 코딩을 보면 list로 변수로 잡아 각각 배열을 번 언해 주며 javascript는 new Array , PHP는 그냥 array를 사용하여 one two three를 표현하여 줍니다 여기서 Array가 배열하겠다는 뜻입니다. 즉 list라는 변수 안에는 one two three가 있는 겁니다.
다음으로 변수에 넣은 것을 보여주는 것인데 배열을 사용하여 정보를 꺼낼 때에는 변수[값이 들어있는 숫자]를 입력하여줍니다
여기서 조심하여야 할 점은 우리는 숫자를 1부터 세지만 컴퓨터는 0부터 세기 때문에 주의를 가져야 합니다.
다음으로 (list.length)와 count($list)가 있는데 이는 list안에 있는 값들 즉 변수 안에 들어있는 값들의 개수를 확인하는 것입니다.
위의 사진처럼 나오는 것을 확인할 수 있습니다.
실습 2
다음으로 배열과 반복문을 함께 사용하여 만들어 볼 것입니다.
배열과 반복문은 매우 밀접한 관계이기 때문에 두 가지를 같이 알아두셔야 됩니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>JavaScript</h1>
<ul>
<script>
list = new Array("최진혁", "최유빈", "한이람", "한이은", "이고잉");
i = 0;
while(i < list.length){
document.write("<li>"+list[i]+"</li>");
i = i + 1;
}
</script>
</ul>
<h1>php</h1>
<ul>
<?php
$list = array("최진혁", "최유빈", "한이람", "한이은");
$i = 0;
while($i < count($list)){
echo "<li>".$list[$i]."</li>";
$i = $i + 1;
}
?>
</ul>
</body>
</html>위의 코딩처럼 배열을 지정해주고 반복문을 사용하여줍니다. 만일 배열을 사용을 안 하고 변수를 지정해야 한다면 하나하나 변수를 지정해주고 값을 지정해주어야 하는 불편함이 생깁니다.
그렇기에 배열을 사용하여 하나의 변수에 여러 가지 값을 넣어 복잡함을 덜어주는 것입니다.
이렇게 지정한 배열을 반복문에 넣어 i는 0이고 1씩 증가한다 그리고 i는 배열 값을 표현하여줍니다.
그렇게 배열 값 0부터 배열이 가지고 있는 최댓값까지 표현해주면 반복문이 작동하여 순서대로 값을 나열해줍니다.
참고한 수업 링크