자바스크립트의 객체와 배열

자바스크립트는 다양한 데이터 유형을 다룰 수 있는 강력한 프로그래밍 언어입니다. 그 중에서도 객체와 배열은 데이터를 구조화하고 관리하는 데 중요한 역할을 합니다.

 

객체와 배열의 기본 개념과 사용법을 예제를 통해 살펴보겠습니다.

 

객체(Object)란?

객체는 이름과 값의 쌍으로 구성된 프로퍼티들의 집합입니다. 이러한 프로퍼티들은 다양한 데이터 유형을 포함할 수 있습니다. 아래는 객체의 간단한 예제입니다.

// 객체 생성
let person = {
    name: 'John Doe',
    age: 25,
    job: 'Developer',
    isStudent: false
};

// 객체 프로퍼티에 접근
console.log(person.name);  // 'John Doe'
console.log(person.age);   // 25
console.log(person.job);   // 'Developer'
console.log(person.isStudent);  // false

 

배열(Array)이란?

배열은 순서대로 정렬된 값의 목록입니다. 각 값은 인덱스를 통해 접근할 수 있습니다. 아래는 배열의 예제입니다.

// 배열 생성
let fruits = ['Apple', 'Banana', 'Orange', 'Grapes'];

// 배열 요소에 접근
console.log(fruits[0]);  // 'Apple'
console.log(fruits[2]);  // 'Orange'

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

 

객체와 배열의 활용

객체와 배열은 서로 중첩되어 사용될 수 있습니다. 이를 통해 복잡한 데이터 구조를 만들 수 있습니다. 예를 들어, 여러 사람의 정보를 담은 배열을 객체로 구성할 수 있습니다.

let people = [
    { name: 'Alice', age: 30, occupation: 'Designer' },
    { name: 'Bob', age: 35, occupation: 'Engineer' },
    { name: 'Charlie', age: 28, occupation: 'Artist' }
];

console.log(people[1].name);  // 'Bob'
console.log(people[2].age);   // 28

 

객체와 배열의 수정과 추가

객체와 배열의 내용은 동적으로 수정될 수 있습니다. 새로운 프로퍼티를 추가하거나 기존 값을 변경할 수 있습니다.

// 객체의 프로퍼티 수정
person.age = 26;

// 새로운 배열 요소 추가
fruits.push('Mango');

console.log(person.age);    // 26
console.log(fruits);        // ['Apple', 'Banana', 'Orange', 'Grapes', 'Mango']

 

 

자바스크립트의 객체와 배열은 다양한 데이터를 효과적으로 다룰 수 있는 강력한 도구입니다. 이러한 데이터 구조를 잘 활용하면 코드를 더 읽기 쉽게 만들고 유지보수를 용이하게 할 수 있습니다.