[자바스크립트] - 객체

yeom yaloo·2023년 12월 27일
0

FISA

목록 보기
31/61

Javascript

[일반 객체]

1. java class

  • 객체화 할수 있는 설계도

2. js 객체 리터럴 방식 코드

  • class가 있고 class로 new 생성자 호출로 객체화 한다.
  • {} 선언 및 객체 생성이 가능하다
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h2>js Object 학습</h2>
    <script>
      	// 객체 리터럴 방식 = 보편적인 개발 문법이다.
        let fisaData ={
            className : "클라우드 엔지니어링",
            classRoom: 1,
      		info : function(){
                return "우리 fisa";
            }
        };

        console.log(fisaData.className);
        fisaData.className = "fisa cloud";

        console.log(fisaData.className, ", classRoom Type:", typeof(fisaData.classRoom));
		console.log(fisaData.info());
    </script>
 
</body>
</html>

[JSON - js 객체]

1. JSON?

  • java script object noation의 약어이다.
  • IT의 다양한 기술에 포함된 사용 빈도가 굉장히 높은 데이터 포맷으로 현재는 JSON이 거의 표준이다.
  • 서버와 일반 app 관점에서는 text로 보인다.
  • key, value로 구분을 가능한 구조이다.

2. JSON object 코드

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h2>js Object 학습</h2>
    <script>
		//json object의 경우엔 함수 구현이 불가하다.
        let jsonObject = {
            "className" : "클라우드 엔지니어링",
            "classRoom": 1
        }
        console.log(jsonObject.className);
        console.log(jsonObject.classRoom);

    </script>
 
</body>
</html>
  • key는 무조건 string 값으로 작성해주어야 한다.
  • json이 서버와 app 입장에서는 텍스트로 인식되기 때문이다.
profile
즐겁고 괴로운 개발😎

0개의 댓글