상세 컨텐츠

본문 제목

[JavaScript] 05. Arrays

22-23/22-23 리액트 스타터 2

by Kimpeep 2022. 9. 22. 10:04

본문

728x90

#05 Arrays

>> 데이터를 조직화하고 저장하는 것은 프로그래밍의 근본적 개념이다.

그 방법 중 하나가 리스트를 만드는 것이며, 자바스크립트에서는 그것을 Array ( 배열 ) 이라고 한다.

 

1) Create Array : 배열 선언

ex) ['element example', 10, true] 

>> square brackets 안에 array elements를 나열하는 것을 통해 배열을 선언할 수 있다.

 

2) Accessing Elements : 배열 요소에 접근하기

ex) let cities = [ 'New York', 'Seoul', 'Beijing' ]; cities[0];

> 배열이름과 인덱스를 활용해 배열 요소에 접근할 수 있다.

 

**index #가 배열의 크기보다 큰 경우에는 undefined로 정의된다.

 

3) 배열 요소 변경

배열이름[인덱스] = ' 새로운 요소' ;

> 위와 같은 형태로 작성하면 배열의 요소를 변경할 수 있다.

 

4) 여러 가지 메소드

4-1) .length 메소드

> 배열의 길이를 반환한다.

 

4-2) .push 메소드

> 배열의 맨 뒤에 요소를 추가한다.

 

4-3) .pop 메소드

> 배열의 마지막 요소를 제거한다.

 

**MDN 사이트에서 더 많은 메소드를 확인할 수 있다.

ex) .shift() - 배열의 첫 번째 요소 제거 / .unshift() - 배열의 첫 번째 요소 추가

 

**배열 안에 또 다른 배열리 요소로 들어갈 수 있으며, 함수 안에서 변형된 배열은 함수 밖에서도 여전히 변형된 상태로 유지된다.

728x90

'22-23 > 22-23 리액트 스타터 2' 카테고리의 다른 글

[Javascript] 07. Itereators  (0) 2022.09.22
[JavaScript] 06. Loops  (0) 2022.09.22
[JavaScript] 04. Scope  (0) 2022.09.22
[JavaScript] 03. FUNCTIONS  (0) 2022.09.22
[JavaScript] 02. CONDITIONALS  (0) 2022.09.22

관련글 더보기