본문 바로가기
✨ Front-end/자바스크립트(JS)

[JavaScript] 자바스크립트 객체 VS 자바 객체 비교, Object

by 환풍 2023. 9. 1.
728x90
반응형



See the Pen Untitled by ParkJooHong (@ParkJooHong) on CodePen.

위 코드는 자바스크립트에서 자바 형태의 객체를 하나 생성한 것이다.

 

 

자바스크립트 객체

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>자바스크립트 객체</title>
    <script>
        var User = {
            name: 'kim',
            age: 25,
            view: function () {
                document.write("My name is " + this.name + "<br>");
                document.write("My age is " + this.age + "<br>");
            }
        };
        document.write(typeof User + "<br>");
        User.view();
 
        document.write("<br>" + User.age + "<br>" + User.name);
    </script>
</head>
<body>
</body>
</html>
cs

 

그리고 위와 동일한 객체를 아래 코드에서 자바로 구현해보았다.

 

자바 객체

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
public class User {
    private String name;
    private int age;
 
    public User(String name, int age) {
        this.name = name;
        this.age = age;
    }
 
    public void view() {
        System.out.println("My name is " + this.name);
        System.out.println("My age is " + this.age);
    }
 
    public static void main(String[] args) {
        User user = new User("kim", 25);
        System.out.println(user.getClass().getSimpleName());
 
        user.view();
 
        System.out.println();
        System.out.println(user.age);
        System.out.println(user.name);
    }
}
cs

 

Obejct

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>자바스크립트 객체</title>
<script>
    var User=new Object();
    User.name='kim';
    User.age=25;
    User.view=function(){
        document.write("My name is " + this.name + "<br>");
        document.write("My age is " + this.age + "<br>");
    };
    User.view();
</script>
</head>
<body>
</body>
</html>
cs

 

자바스크립트에서도 모든 객체는 Object를 상속받는다.

Object는 자바스크립트 객체의 최상위 부모 클래스이며, 모든 객체는 Object의 프로퍼티와 메서드를 상속받는다.

 

 

이렇게 자바스크립트에도 객체가 존재하다는 것을 알아보았다.

자바스크립트에서도 JSON 형태로 객체를 만들어 저장해 Map으로 뿌려주면 정말 간편하겠다는 생각이 든다.

728x90
반응형
저작자표시 비영리 변경금지

'✨ Front-end > 자바스크립트(JS)' 카테고리의 다른 글

[JavaScript] String 객체 함수  (0) 2023.09.01
[JavaScript] 생성자 함수  (0) 2023.09.01
[JavaScript] HTML의 name 값은 document 생략, isNan이란?  (0) 2023.08.31
[JavaScript] encodeURI( ) 와 decodeURI( ), eval( )  (0) 2023.08.31
[JavaScript] prompt 함수 사용하기  (0) 2023.08.31

관련글

댓글

티스토리툴바