배열 요소에 접근하기
Coddy JavaScript 여정의 기초 섹션에 포함된 레슨 — 77개 중 58번째.
JavaScript에서 우리는 하나의 변수에 여러 값을 저장하기 위해 배열(array)을 사용합니다. 배열의 각 값은 요소(element)라고 불리며, 각 요소는 인덱스(index)를 가집니다. 인덱스는 0부터 시작하여 배열 길이에서 1을 뺀 값까지 이어집니다.
예를 들어, 다음 배열을 살펴보세요:
let myArray = ['a', 'b', 'c', 'd', 'e', 'f', 'g']- 요소
a는 인덱스 0에 있습니다 - 요소
b는 인덱스 1에 있습니다 - ...
- 요소
g는 인덱스 6에 있습니다
배열의 요소에 접근하려면 대괄호 안에 인덱스를 사용할 수 있습니다. 예를 들어, myArray라는 이름의 배열의 첫 번째 요소에 접근하려면 myArray[0]을 사용합니다.
다음은 예시입니다:
let myArray = [10, 20, 30, 40, 50]
let element = myArray[2]변수 element는 세 번째 요소(인덱스가 2인 요소)에 접근하기 때문에 30이라는 값을 가지게 됩니다.
챌린지
쉬움배열을 인자로 받아 배열의 모든 항목을 차례대로 출력하는 values라는 이름의 함수를 만드세요.
배열을 반복하려면 for 문 안에서 .length 속성을 사용하세요:
let myArray = [10, 20, 30, 40, 50]
for (let i = 0; i < myArray.length; i++) {
console.log(myArray[i]);
}이렇게 하면 i가 0부터 myArray.length(포함하지 않음)까지 반복되며, 이는 정확히 배열의 모든 인덱스에 해당합니다.
치트 시트
배열은 단일 변수에 여러 값을 저장합니다. 각 요소는 0부터 시작하는 인덱스를 가집니다:
let myArray = ['a', 'b', 'c', 'd', 'e', 'f', 'g']인덱스와 함께 대괄호를 사용하여 요소에 접근합니다:
let myArray = [10, 20, 30, 40, 50]
let element = myArray[2] // 30을 반환합니다.length 속성을 사용하여 배열을 반복합니다:
for (let i = 0; i < myArray.length; i++) {
console.log(myArray[i]);
}직접 해보기
function values(arr) {
// 여기에 코드를 작성하세요
}
실력 점검이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
