웹 프로그래밍 기초/배열

배열의 특징

별초롱언니 2025. 4. 3. 09:35

1) 하나의 배열에 여러 종류의 자료형을 가진 데이터를 저장할 수 있다. 

var userSpec = ["HongGilDong",123,new Date(),false];

 

2) 배열을 선언할 때 배열의 크기를 정의하지 않는다. 

일반적으로 다른 언어에서는 배열의 크기를 지정하면, 그 크기는 변경할 수 없다. 따라서 배열의 크기밖의 요소에 데이터를 할당하면 오류가 발생한다. 이와 달리, 자바스크립트는 배열의 크기를 지정하지 않고 배열을 선언할 수 있으며, 배열 크기보다 큰 값을 할당하면 배열 크기가 자동으로 확대되어 그 값이 할당된다. 

 

3) 인덱스 대신 키(Key)를 이용하여 값을 할당할 수 있다.

키를 사용하면 배열의 크기를 명확히 지정할 수 없으나 키 값에 의미를 부여할 수 있기 때문에 필요에 따라서는 배열 요소의 접근성이 매우 용이하다. 

 

4) 배열의 크기 

배열의 크기는 인덱스로 지정하여 값이 할당되어 저장된 곳 까지이다. 일반적으로 언어에서는 배열의 크기를 벗어나면 오류가 발생하지만 자바스크립트는 오류가 발생하지 않는다. 

 

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>배열의 특징</title>
</head>

<body>
  <script>
    var friends = new Array(3);

    friends[0] = "홍길동";
    friends[1] = "신사임당";
    friends[2] = "세종대왕";
    document.write("여기까지가 지정된 배열 크기만큼 데이터를 할당한 결과이다." + "<br>");
    friends[3] = "김현대";
    document.write("3번 인덱스 값 : " + friends[3] + "<br>");
    document.write("friend 배열의 길이 : " + friends.length + "<br>");

    friends['friend'] = "철수";
    document.write("키로 배열 추가 후 길이 : " + friends.length);
  </script>
</body>

</html>