[JavaScript 수업] 6강 - 배열과 객체, 이해와 활용

 

안녕하세요! 오늘은 JavaScript 수업 6강, '배열과 객체'에 대해 알아보겠습니다. 배열과 객체는 JavaScript에서 매우 중요한 데이터 구조로, 데이터를 효율적으로 관리하고 조작할 수 있게 해줍니다. 이번 강의에서는 배열과 객체의 개념을 이해하고, 이를 활용하는 방법에 대해 살펴보겠습니다.

 

 

배열 (Array)

1. 배열이란?

배열은 여러 개의 값을 하나의 변수에 저장할 수 있는 자료구조입니다. 배열의 각 값은 인덱스를 통해 접근할 수 있으며, 인덱스는 0부터 시작합니다.

 

 

 

2. 배열 선언과 초기화

// 배열 선언
let fruits = ["Apple", "Banana", "Cherry"];

// 배열의 값 출력
console.log(fruits[0]); // Apple
console.log(fruits[1]); // Banana
console.log(fruits[2]); // Cherry

 

 

 

3. 배열 메서드 활용

JavaScript는 배열을 조작하기 위한 다양한 메서드를 제공합니다.

let fruits = ["Apple", "Banana", "Cherry"];

// 배열에 값 추가
fruits.push("Orange");
console.log(fruits); // ["Apple", "Banana", "Cherry", "Orange"]

// 배열에서 값 제거
fruits.pop();
console.log(fruits); // ["Apple", "Banana", "Cherry"]

// 배열 길이 확인
console.log(fruits.length); // 3

 

 

반응형

 

 

객체 (Object)

1. 객체란?

객체는 키와 값의 쌍으로 데이터를 저장하는 자료구조입니다. 객체의 각 키는 고유해야 하며, 이를 통해 값을 접근할 수 있습니다.

 

 

 

2. 객체 선언과 초기화

// 객체 선언
let person = {
    name: "John",
    age: 30,
    city: "Seoul"
};

// 객체의 값 출력
console.log(person.name); // wolhyong
console.log(person.age); // 30
console.log(person.city); // Seoul

 

 

 

3. 객체 메서드 활용

객체는 함수(메서드)를 가질 수 있습니다. 이를 통해 객체의 데이터를 조작할 수 있습니다.

let person = {
    name: "John",
    age: 30,
    city: "Seoul",
    greet: function() {
        console.log("Hello, my name is " + this.name);
    }
};

// 메서드 호출
person.greet(); // Hello, my name is wolhyong

 

 

 

 

배열과 객체의 활용

배열과 객체를 조합하여 더 복잡한 데이터를 관리할 수 있습니다.

let users = [
    { name: "Alice", age: 25 },
    { name: "Bob", age: 28 },
    { name: "Charlie", age: 22 }
];

// 배열 내 객체의 값 출력
for (let i = 0; i < users.length; i++) {
    console.log(users[i].name + " is " + users[i].age + " years old.");
}
// 출력 결과:
// Alice is 25 years old.
// Bob is 28 years old.
// Charlie is 22 years old.

 

 

 

배열과 객체는 JavaScript에서 데이터를 관리하고 조작하는 데 필수적인 도구입니다. 배열은 순서가 있는 데이터의 집합을 관리하는 데 유용하며, 객체는 키-값 쌍으로 데이터를 구조화하는 데 유용합니다. 이번 강의를 통해 배열과 객체의 기본 개념과 활용 방법을 익히셨길 바랍니다.

 

다음 강의에서는 JavaScript의 DOM 조작에 대해 다룰 예정이니, 많은 관심 부탁드립니다!

 

 

- 이전 수업 목록