728x90
배열(array) : 같은 타입의 여러 변수를 하나의 묶음으로 다루는것
- 인덱스와 인덱스에 대응하는 데이터들로 이루어진 자료구조
- 배열에 데이터를 추가할 때 자동으로 공간이 할당된다. - 자바스크립트의 배열은 모든 타입을 저장할 수 있는 구조
- 한배녈의 요소가 모두 같은 타입일 필요는 없음
- 다른 배열이나 객체 포함 - 배열 인덱스
- 인덱스는 배열의 시작 위치에서부터 데이터가 있는 상대적인 위치(0부터 시작)
자바스크립트에서의 배열선언 방식은 2가지가 있다.
- len nameList = [];
- let nameList = new Array();
가로안에는 자바처럼 데이터를 몇개 할당할건지 숫자를 적는다.
자바 스크립트의 배열 크기는 동적이다. 배열의 크기가 지정되어 있어됴 데이터를 추가하면 저장공간이 자동으로 할당된다. 배열의 크기는 length라는 프로퍼티(property)에 저장된다.
배열 생성방식
- len nameList = [1, "가나다", True]; 같은 타입이 아니여도 가능하다
- 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
'HTML\CSS\JS' 카테고리의 다른 글
[JS] 자바스크립트 함수 사용, DOM (0) | 2021.06.10 |
---|---|
[JS] 자바스크립트 변수선언과 연산자, 형변환, 조건문, 반복문[스마트인재개발원] (0) | 2021.06.08 |
[JS] JavaScript 기본개념 과 웹페이지에 입력문과 출력문 띄우기 [스마트인재개발원] (0) | 2021.06.08 |
[HTML/CSS] background 이미지 넣기 (0) | 2021.05.31 |
[HTML/CSS] float속성 개념과 예시 (0) | 2021.05.31 |