본문 바로가기

Dev. Front-End/JavaScirpt

[Javascript] 배열 (Array) / length, push

 

 

 

 

배열

: 여러개의 변수를 한꺼번에 선언해 다룰수있는 자료형 입니다.

자바스크립트에서는 문자열, 숫자, 불(bool), 객체, 함수, undefined의 총 여섯가지 자료형이 있습니다.

배열은 객체 자료형중 하나입니다.

<script>
     var array = [1,2,3,4,5];
</script>

기본적으로 위 소스처럼 배열을 선언합니다.

array변수에 저장해주었습니다.

 

 

 

 

 

<script>
     var array = [234, 'Hello', false, function() { }, {}, [1,2,3]];
     console.log(array);
</script>

배열에는 문자열, 숫자, 불(bool), 객체, 함수, undefined의 총 여섯가지 자료형을 넣을수 있습니다.

 

 

 

 

 

 

 

<script>
    var array = [123, 32, 102, 10];
    
    console.log(array[0]); //123
    console.log(array[2]);  //102
    console.log(array[3]); //10
</script>

배열을 선언하고, 배열 기호 안에 들어간 숫자를 인덱스(index)라고 합니다.

인덱스는 특별히 별도로 지정해주지않는한 위처럼 소스를 입력하면,

0부터 시작됩니다.

123의 값은 인덱스 0 에 저장되고, 32의 값은 인덱스 1에 저장되고, 102의 값은 인덱스2 ........ 에 저장됩니다.

 

 

 

 

<script>
      var array1 = [0,1,2,3];
      var array2 = [0,1,2,3,4,5,6];

      console.log("length of 1 " + array1.length);
      console.log("length of 2 " + array2.length); 
</script>

배열은 length속성으로 현재 배열에 요소가 몇개 있는지 확인할수있습니다.

 

 

 

 

 

<script>
      var array = [0,1];

      array.push(2);
      array.push(3);
      array.push(4);

      console.log(array);  //0,1,2,3,4 출력
  
</script>

push()메서드는 배열에 요소를 추가하는 메소드입니다.