wiki:javascript:javascript_note:js_object_definitions

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

--- wiki:javascript:javascript_note:js_object_definitions [2021/04/29 12:29]
emblim98
+++ wiki:javascript:javascript_note:js_object_definitions [2023/01/13 18:44] (현재)
@@ 줄 140: / 줄 140: @@
 다음 예제는 네 가지 속성을 가진 새로운 %%JavaScript%% 오브젝트를 생성합니다.\\
 \\
 <code javascript>
+let person = { firstName: "John", lastName: "Doe", age: 50, eyeColor: "blue" };
+document.getElementById("demo").innerHTML = person.firstName + " is " + person.age + " years old.";
 </code>
 \\
 공백(spaces)과 줄 바꿈(line breaks)은 중요하지 않습니다. 오브젝트 정의는 여러 줄에 걸쳐있을 수 있습니다.\\
 \\
 <code javascript>
+let person = {
+  firstName: "John",
+  lastName: "Doe",
+  age: 50,
+  eyeColor: "blue"
+};
+document.getElementById("demo").innerHTML = person.firstName + " is " + person.age + " years old.";  // John is 50 years old.
 </code>
 \\
 =====Using the JavaScript Keyword new=====
 다음의 예제도 4개의 속성(properties)을 가진 새로운 %%JavaScript%% 오브젝트를 생성합니다.\\
 \\
 <code javascript>
+let person = new Object();
+person.firstName = "John";
+person.lastName = "Doe";
+person.age = 50;
+person.eyeColor = "blue";
+document.getElementById("demo").innerHTML = person.firstName + " is " + person.age + " years old.";  // John is 50 years old.
 </code>
 \\
   위의 두 예제는 정확히 동일합니다. ''new Object()''를 사용할 필요가 없습니다.
-  단순성(simplicity), 가독성(readability) 및 실행 속도(execution speed)를 위해서는, 첫 번째 방법 (객체 리터럴 방법)을 사용하십시오.
+  단순성(simplicity), 가독성(readability) 및 실행 속도(execution speed)를 위해서는, 첫 번째 방법 (오브젝트트 리터럴 방법)을 사용하십시오.
 \\
@@ 줄 175: / 줄 197: @@
 \\
 <code javascript>
+let person = { firstName: "John", lastName: "Doe", age: 50, eyeColor: "blue" }
+let x = person;
+x.age = 10;
+document.getElementById("demo").innerHTML = person.firstName + " is " + person.age + " years old.";  // John is 10 years old.
+console.log(person); // {firstName: "John", lastName: "Doe", age: 10, eyeColor: "blue"}
+console.log(x);      // {firstName: "John", lastName: "Doe", age: 10, eyeColor: "blue"}
 </code>
 {{tag>오션 Javascript Objects Definitions}}

/volume1/web/dokuwiki/data/attic/wiki/javascript/javascript_note/js_object_definitions.1619666964.txt.gz · 마지막으로 수정됨: 2022/03/10 19:52 (바깥 편집)