한 입 크기로 잘라먹는 리액트배열은 순서가 있는 요소의 집합이자 여러 개의 항목을 담는 리스트입니다. 배열은 거의 모든 프로그래밍 언어에서 사용합니다. 그만큼 다양한 상황에서 유용하게 활용하는 자료형입니다.
배열 선언
자바스크립트에서는 두 가지 방법으로 빈 배열을 생성합니다.
코드를 불러오는 중 입니다 ...두 번째 방법을 ‘배열 리터럴’이라고 하며 문법이 간결하기 때문에 특별한 이유가 없으면 이 방법으로 배열을 생성합니다. 만약 배열을 생성하면서 값도 할당하고 싶다면, 대괄호 안에서 콤마로 값을 구분해 입력하면 됩니다.
코드를 불러오는 중 입니다 ...배열의 값으로 어떤 자료형도 사용할 수 있습니다. 배열은 다른 배열은 물론 객체나 함수 등도 모두 저장합니다.
코드를 불러오는 중 입니다 ...자바스크립트의 배열은 다른 언어와는 달리 길이가 고정되어 있지 않습니다. 따라서 배열 요소를 추가 또는 삭제함에 따라 길이가 늘거나 줄어듭니다.
배열 인덱스
배열과 객체 둘 다 여러 데이터를 저장할 수 있고, 저장할 데이터의 자료형에도 아무런 제약이 없습니다. 배열과 객체의 한 가지 차이점은 객체는 key가 있지만 배열은 그렇지 않다는 점입니다.
객체에서는 특정 데이터에 접근할 때 key를 이용하지만, 배열은 데이터의 위치를 key처럼 사용할 수 있는 인덱스가 있습니다. 배열에서 특정 데이터에 접근하려면 데이터의 위치를 나타내는 인덱스를 객체의 괄호 표기법처럼 사용하면 됩니다.
코드를 불러오는 중 입니다 ...인덱스란 배열 요소의 위치를 0부터 시작하는 숫자로 순서대로 표현한 것입니다. 배열은 인덱스 기능을 이용해 배열 food의 요소를 짜장면 0, 피자 1, 치킨 2와 같이 순서대로 번호를 매깁니다.
인덱스를 이용하면 배열 요소를 수정 또는 추가할 수 있습니다.
코드를 불러오는 중 입니다 ...① 2번 인덱스가 가리키고 있는 "치킨"을 "파스타"로 변경합니다 ② 3번 인덱스로 새로운 배열 요소를 추가합니다. 값은 "레몬"으로 할당합니다.
이것으로 자바스크립트의 기초 문법을 모두 마칩니다. 2장에서는 리액트를 사용하면서 실무에서 자주 사용하게 될 자바스크립트의 심화 내용을 집중적으로 다룹니다.