코딩 배우기: 60세 컴퓨터 초보자를 위한 쉬운 가이드 - 7 일째 날
배열과 반복문의 활용
배열(Array)의 기본
배열이란 무엇인가?
배열은 여러 값을 하나의 변수에 저장하는 자료구조입니다. JavaScript에서 배열은 대괄호([])로 정의되며, 각 값은 쉼표(,)로 구분됩니다. 배열은 순서가 있어 인덱스를 사용하여 각 요소에 접근할 수 있습니다. 이러한 특성은 배열을 다루는 다양한 작업에서 유용하게 활용됩니다.
let fruits = ['사과', '바나나', '딸기', '포도'];
위 코드에서 fruits는 4개의 과일을 저장하는 배열입니다. 이러한 배열은 여러 개의 값이 순차적으로 저장되어 있습니다.
배열 요소 접근
배열 요소에 접근하는 방법은?
배열의 각 요소에는 인덱스가 할당되어 있으며, 이를 사용하여 요소에 접근할 수 있습니다. 인덱스는 0부터 시작하며, 대괄호([]) 안에 인덱스를 넣어서 요소에 접근합니다. 이러한 인덱스를 사용하여 배열의 요소에 쉽게 접근할 수 있습니다.
console.log(fruits[0]); // '사과' 출력
console.log(fruits[2]); // '딸기' 출력
배열 길이 및 요소 추가/제거
배열의 길이 확인 및 요소 추가/제거 방법은?
배열의 길이는 length 속성으로 확인할 수 있습니다. 또한 push() 메서드로 요소를 배열의 끝에 추가하고, pop() 메서드로 배열의 끝에서 요소를 제거할 수 있습니다. 이를 통해 배열은 동적으로 요소를 관리할 수 있습니다. 배열의 길이를 확인하고 요소를 추가 또는 제거하는 등 다양한 작업을 수행할 수 있습니다.
console.log(fruits.length); // 배열의 길이 출력 (4)
fruits.push('수박'); // '수박' 추가
console.log(fruits); // ['사과', '바나나', '딸기', '포도', '수박']
let removedFruit = fruits.pop(); // 마지막 요소 제거
console.log(removedFruit); // '수박' 출력
console.log(fruits); // ['사과', '바나나', '딸기', '포도'] 출력
배열 순회(Iteration)
배열 순회 방법은?
배열의 각 요소에 접근하고 처리하기 위해 반복문을 사용합니다. 이를 통해 배열의 모든 요소를 확인하고 원하는 작업을 수행할 수 있습니다. 배열의 요소를 반복적으로 처리함으로써 다양한 작업을 수행할 수 있습니다.
for(let i = 0; i < fruits.length; i++) {
console.log(fruits[i]);
}
fruits.forEach(function(fruit) {
console.log(fruit);
});
for(let fruit of fruits) {
console.log(fruit);
}
배열 메서드 활용
배열을 다루는 유용한 메서드는?
JavaScript는 배열을 다루기 위한 다양한 메서드를 제공합니다. 이를 활용하여 배열을 효과적으로 처리하고 변형할 수 있습니다. 예를 들어 map(), filter(), reduce() 메서드를 사용하여 배열의 요소를 변형, 필터링, 축약할 수 있습니다. 이러한 메서드를 활용하여 배열을 다루는 다양한 작업을 수행할 수 있습니다.
let numbers = [1, 2, 3, 4, 5];
let doubledNumbers = numbers.map(function(num) {
return num * 2;
});
console.log(doubledNumbers); // [2, 4, 6, 8, 10]
let evenNumbers = numbers.filter(function(num) {
return num % 2 === 0;
});
console.log(evenNumbers); // [2, 4]
let sum = numbers.reduce(function(accumulator, currentValue) {
return accumulator + currentValue;
}, 0);
console.log(sum); // 15
위의 예제는 map(), filter(), reduce() 메서드를 사용하여 배열을 변형, 필터링, 축약하는 방법을 보여줍니다. 이러한 배열과 반복문의 활용을 통해 JavaScript에서 더 다양하고 유용한 작업을 수행할 수 있습니다.