[JavaScript] 자바스크립트 - 배열(Array)와 객체(Object)

자바스크립트의 배열과 객체에 대해 알아보자.

Array (배열)

배열은 여러 데이터를 순서대로 저장할 수 있는 구조로, 각 요소에는 인덱스를 통해 접근할 수 있다. 인덱스는 0부터 시작g한다.

[배열 생성 및 접근]

// 배열 생성
let fruits = ['사과', '바나나', '체리'];

// 배열 요소 접근
console.log(fruits[0]); // '사과'
console.log(fruits[1]); // '바나나'
console.log(fruits[2]); // '체리'

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

 

[배열 요소 추가 및 제거]

// 맨 끝에 요소 추가
fruits.push('오렌지');
console.log(fruits); // ['사과', '바나나', '체리', '오렌지']

// 맨 끝 요소 제거
fruits.pop();
console.log(fruits); // ['사과', '바나나', '체리']

// 맨 앞에 요소 추가
fruits.unshift('망고');
console.log(fruits); // ['망고', '사과', '바나나', '체리']

// 맨 앞 요소 제거
fruits.shift();
console.log(fruits); // ['사과', '바나나', '체리']

 

Object (객체)

객체는 키와 값의 쌍으로 구성되어 있으며, 각 값에는 이름을 통해 접근할 수 있다.
이러한 특성은 데이터와 함수를 하나로 묶어 관리할 때 특히 유용하다.

[객체 생성 및 속성 접근]

// 객체 생성
let person = {
    name: '홍길동',
    age: 30,
    greeting: function() {
        console.log('안녕하세요! ' + this.name + '입니다.');
    }
};

// 객체 속성 접근
console.log(person.name); // '홍길동'
console.log(person['age']); // 30

// 객체의 메소드 호출
person.greeting(); // '안녕하세요! 홍길동입니다.'

 

[객체 속성 추가 및 제거]

// 속성 추가
person.job = '개발자';
console.log(person.job); // '개발자'

// 속성 제거
delete person.age;
console.log(person); // {name: '홍길동', greeting: [Function: greeting], job: '개발자'}