자바스크립트 객체 생성, 배열, 추가, 삭제

자바스크립트 객체는 구조화된 방식으로 데이터를 저장하고 조작하는 방법입니다.

 

객체는 키-값 쌍으로 생각할 수 있는 속성으로 구성됩니다. 각 속성에는 속성을 식별하는 문자열인 키와 문자열, 숫자, 부울, 배열 또는 다른 객체와 같은 모든 데이터 유형의 값이 있습니다.

 

자바스크립트 객체 생성, 배열

JavaScript에서 객체를 생성하려면 키-값 쌍을 중괄호 {}(으)로 묶어야 합니다. 다음은 사람을 나타내는 객체의 예입니다.

const person = {
name: 'John', age: 25, isStudent: true,
hobbies: ['reading', 'music', 'sports'],
address: {street: '123 Main St', city: 'New York', state: 'NY', zip: '10001'}
};

이 예에서 우리는 다섯 가지 속성을 가진 사람이라는 객체를 정의했습니다. 이름, 나이 및 isStudent 속성은 모두 기본 데이터 유형이며, 취미 및 주소 속성은 각각 배열 및 체입니다.

 

객체의 속성에 액세스하려면 점 표기법 또는 대괄호 표기법을 사용할 수 있습니다. 다음은 점 표기법을 사용하여 사용자 객체의 이름 속성에 액세스하는 예입니다.

console.log(person.name); // Output: 'John'

 

다음은 괄호 표기법을 사용하여 사용자 객체 내 주소 객체의 도시 속성에 액세스하는 예입니다.

console.log(person.address['city']); // Output: 'New York'

 

객체 추가 및 업데이트

점 표기법이나 괄호 표기법을 사용하여 객체의 속성을 추가하거나 업데이트할 수도 있습니다. 다음은 사용자 객체에 새 전자 메일 속성을 추가하는 예입니다:

person.email = 'john@example.com';

 

객체 삭제

delete를 사용하여 객체에서 속성을 삭제할 수도 있습니다. person 객체에서 isStudent 속성을 삭제하는 예입니다.

delete person.isStudent;

객체 리터럴 외에도 생성자 함수 또는 JavaScript의 객체 클래스를 사용하여 객체를 만들 수 있습니다.

 

JavaScript의 객체는 코드의 데이터를 구성하고 조작할 수 있습니다. 객체와 해당 속성을 확실히 이해하면 더 복잡하고 효율적인 JavaScript 프로그램을 작성할 수 있습니다.