JavaScript에서 사용자 정의 객체(Custom Object)를 만드는 가장 기본적인 방법은 new Object() 구문을 사용하는 것입니다. 이렇게 생성한 객체에는 원하는 속성(property)과 값을 자유롭게 추가할 수 있으며, 관련된 데이터를 하나의 단위로 묶어 관리할 수 있다는 장점이 있습니다.
예제
아래 코드는 new Object()로 부서(dept) 객체를 생성하고, 직원 이름·부서·기술 스택을 속성으로 추가한 뒤 화면에 출력하는 예제입니다.
<!DOCTYPE html>
<html>
<body>
<p id="test"></p>
<script>
var dept = new Object();
dept.employee = "Amit";
dept.department = "Technical";
dept.technology ="Java";
document.getElementById("test").innerHTML =
dept.employee + " is working on " + dept.technology + " technology.";
</script>
</body>
</html>코드 설명
- new Object(): 비어 있는 새로운 객체를 생성합니다.
- dept.employee = "Amit": 객체에
employee속성을 추가하고 값을 할당합니다. - dept.department, dept.technology: 같은 방식으로 부서와 기술 정보를 저장합니다.
- innerHTML: 객체의 속성 값을 읽어와 화면에 문자열로 출력합니다.
더 간결한 방법: 객체 리터럴 표기법
실무에서는 new Object() 대신 중괄호({})를 사용하는 객체 리터럴(Object Literal) 방식이 더 널리 쓰입니다. 코드가 짧고 가독성이 뛰어나기 때문입니다.
var dept = {
employee: "Amit",
department: "Technical",
technology: "Java"
};
console.log(dept.employee + " is working on " + dept.technology + " technology.");두 방식 모두 결과적으로 동일한 객체를 생성하지만, 객체 리터럴 표기법이 더 간결하고 직관적이므로 특별한 이유가 없다면 리터럴 방식을 사용하는 것이 좋습니다.