배열의 형태와 index
Create Arrays
배열은[]을 사용합니다.- 배열 안에 있는 각각의 내용 항목을
element(요소) 라고 표현합니다. - 그림에 나와있는 배열에는 3가지의 요소들이 있습니다.
- 데이터 타입이 다른 요소들도 함께 작성할 수도 있습니다.
Accessing Elements
배열 안에 있는 요소들을 어떻게 접근할 수 있을까요?🤔
배열이름 [ index ]으로 접근할 수 있습니다! ex) cities[0]
- 변수에 삽입하여 쓸 수도 있습니다. -> const listItem = famousSayings[0]
- 배열 index의 시작은
0부터 ! -> famousSayings[3] 은 없으니undefined가 출력됩니다.
Update Elements
요소들의 값을 바꾸는 방법 !
groceryList[1]은tomatoes에서avocados로 변경 되었습니다.
arrayName[index] = '값';
배열 조작하기 (요소 추가하기)
The .length property
.length사용해서 배열 안에 몇 개의 요소들(elements)이 있는지 확인해봅시다.
- 총 3개의 요소들을 가진 배열
objectives를.length를 사용해서 출력했더니
결과값 : 3이 나왔습니다.
The .push() Method
.push(): 배열(array)의 끝에 아이템들을 추가하는 메소드입니다.
The .pop() Method
.pop(): 배열의 마지막 항목을 제거합니다.
newItemTracker+.pop()->newItemTracker의 마지막 요소가 제거되었습니다.- 리턴되는 값(예시에서는
item 2) 을removed에 저장했습니다.
More Array Methods
.shift()
Array.shift()
.pop()이랑 비슷한 개념이지만shift()는 첫 번째 요소를.pop()은 마지막 요소를 제거한다.
배열에서 첫 번째 요소를 제거하고 제거된 요소를 반환한다.
배열의 길이가 0 이라면
underfined를 리턴합니다.
(If the length property is 0, undefined is returned.)
- 이 특성을 이용해서 예제
.unshift()
.unshift(): 하나 이상의 요소들을 배열의 첫 번째에 추가하고 변경된(새로운) 배열의 길이를 리턴합니다.
- 4,5 를 추가하면 [4,5,1,2,3]이 되고 배열의 길이는 5가 됩니다.
.slice()
.slice(): (시작하는위치,마지막요소위치)로 잘라냅니다.
