HTML\CSS\JS

[JS] 자바스크립트 배열

취준생코린이 2021. 6. 8. 18:40
728x90

배열(array) : 같은 타입의 여러 변수를 하나의 묶음으로 다루는것

  • 인덱스와 인덱스에 대응하는 데이터들로 이루어진 자료구조
    - 배열에 데이터를 추가할 때 자동으로 공간이 할당된다.
  • 자바스크립트의 배열은 모든 타입을 저장할 수 있는 구조
    - 한배녈의 요소가 모두 같은 타입일 필요는 없음
    - 다른 배열이나 객체 포함
  • 배열 인덱스
    - 인덱스는 배열의 시작 위치에서부터 데이터가 있는 상대적인 위치(0부터 시작)

 

자바스크립트에서의 배열선언 방식은 2가지가 있다.

  1.  len nameList = [];
  2.  let nameList = new Array();
    가로안에는 자바처럼 데이터를 몇개 할당할건지 숫자를 적는다.

자바 스크립트의 배열 크기는 동적이다. 배열의 크기가 지정되어 있어됴 데이터를 추가하면 저장공간이 자동으로 할당된다. 배열의 크기는 length라는 프로퍼티(property)에 저장된다.

 

배열 생성방식

  1. len nameList = [1, "가나다", True];  같은 타입이 아니여도 가능하다
  2. len nameList = new Array("가나다", 3, True);

 

배열의 데이터 추가/ 바꾸기

len  nameList = [1,2, "가나다", True]; 로 배열을 만든후

nameList[3] = 10; 을 쓰면 인덱스 3번인 True가 10으로 바뀐다.

nameList[4] = 20; 이런식으로 원래의 배열은 인덱스 3까지 밖에 없는데 4에 값을 넣으면 

배열에 데이터가 추가된다. 그러면 nameList는 [1,2, "가나다", 10, 20]이 된다.

 

배열의 길이 구하기

배열의 이름.length하면 배열의 길이다.

ex ) nameList.length

 

배열실습

 

See the Pen 배열실습 by 정혜선 (@Diligent-milk) on CodePen.

 

배열 값 추가/ 삭제

 

See the Pen wvJXVYP by 정혜선 (@Diligent-milk) on CodePen.

 

 

728x90