본문 바로가기
TIL/Javascript

/JavaScript/배열

by code_Cook 2021. 12. 26.
배열(Array)

프로그래밍을 하는데에 많은 데이터를 사용하게 된다.

발생한 데이터는 서로 성격이 다르고 많아지면 많아질수록

정리하기 힘들고 복잡해진다. 이러한 문제를 해결하기 위해 배열이란 것을

사용함으로 정리정돈이 가능하다.

 

형식

문자를 입력할 때에 " "를 사용하여 출력시킬 수 있었다.

하지만 배열은 대괄호[ ]를 이용하여 나타낼 수 있으며

대괄호 사이에 여러 가지의 데이터를 넣을 수 있다. 예를 들면

<script>
  var test = ["apple","banana"];
</script>

이와 같이 대괄호 사이에 데이터 값을 넣어주고 배열의 값과 값 사이에는 , 로 구분 지어주고

따라서 만들어진 배열을 test이라는 변수에 넣어준 것이다.

 

이렇게 만들어진 배열은 여러 가지 명령어를 통해 사용이 응용할 수 있다.

먼저 배열의 값을 꺼내보자

<script>
  var test = ["apple","banana"];
  
  document.write(test[0]);
  document.write(test[1]);
</script>

document.write(test [0]);를 통해 배열의 첫 번째 값 apple을 꺼내오는 걸 확인할 수 있다.

또 test [1]로 할 경우 banana를 꺼내서 출력해주는 걸 확인할 수 있다.

즉 대괄호에 숫자를 넣어 자리값을 확인한다.

여기서 자리값은 인덱스라 한다.

 

두 번째로 배열에 몇 개의 값이 들어있는지 확인할 수 있다.

<script>
  var test = ["apple","banana"];
  
  document.write(test[0]);
  document.write(test[1]);
  
  documnet.write(test.lenght);
</script>

document.write(test.length); 명령을 통해 확인이 가능하다.

 

또 지금의 배열에 데이터를 추가할 수 있는 명령어도 존재한다.

<script>
  var test = ["apple","banana"];
  
  document.write(test[0]);
  document.write(test[1]);
  
  document.write(test.lenght);
  
  test.push('pear');
  test.push('grape');
</script>

push라는 명령어로 배열의 데이터 값을 추가할 수 있다.

 

배열에는 지금 예제의 명령어 말고도 매우 많은 명령어를 가지고 있다. 하나씩 확인해보고

상황에 맞게 잘 사용하면 정리하기 좋을듯하다.

'TIL > Javascript' 카테고리의 다른 글

/JavaScript/배열과 반복문 사용  (0) 2021.12.29
/JavaScript/반복문  (0) 2021.12.27
/JavaScript/리팩토링  (0) 2021.12.25
/JavaScript/조건문 활용  (0) 2021.12.24
/JavaScript/조건문 형식  (0) 2021.12.23