Object

d·2020년 6월 29일
0
post-thumbnail

let plan1Name = "Basic";
let plan1Price = 3.99;
let plan1Space = 100;
let plan1Data = 1000;
let plan1Pages = 10;
let plan2Name = "Professional";
let plan2Price = 5.99;
let plan2Space = 500;
let plan2Data = 5000;
let plan2Pages = 50;
let plan3Name = "Ultimate";
let plan3Price = 9.99;
let plan3Space = 2000;
let plan3Data = 20000;
let plan3Pages = 500;

alert(plan2Name + "플랜 가격은 한 달에 " + plan2Price + "달러입니다.")

만약 자세한 설명까지 해주려면,
alert("용량은 " + plan2Space + "GB이고. ...");

이런식으로 변수나열해서 자세한 설명을 한다.

이 예제를 보면,
plan1, plan2, plan3라는 object가 있다.
각 object는 name, price, space, transfer, pages라는 5개의 property가 있다..

name이라는 property의 데이터 값은 String형이고, 나머지 4개의 property는 Number다..

이렇게 object를 사용한 데이터는 아래와 같이 alert메시지를 바꿀 수 있습니다..

alert(plan2.name + "플랜 가격은 한 달에 " + plan2.price + "달러입니다."

plan2.name은 "Professional"이거. plan2.price + "달러입니다."

객체 선언에 대하여..
var 객체이름 = {
property이름1:property값,
property이름2:property값
};

객체는 {} 중괄호로 감싸져 있고,
콜론으로 구분된 이름/값 쌍들이
쉼표로 분리된 목록의 형태입니다.

객체는 이름과 값으로 구성된 프로퍼티들의 집합

위에서 property이름1,2로 나누었는데, 프로퍼티 이름은 중복이 되면 안되기 때문에 숫자를 달리했습니다..

plan1의 객체를 만들면 아래와 같습니다..

let plan1 = {
name: "Basic",
price: 3.99,
space: 100,
transfer: 1000,
pages: 10
};

1.property 이름은 중복될 수 없다.
2.property이름과 property값 사이에 :(콜론)으로 구분한다.
3.property를 추가할 때는 ,(쉼표)를 붙여준다.
4.property 값에는 어느 type이나 가능.
(string, number, array, object, function..)

  1. 마침표(.) 연산자를 사용하며, 접근하려는 객체명은 왼쪽에, 프로퍼티명은 오른쪽에 위치합니다.

  2. 대괄호([])를 사용하여, 접근하려는 객체명은 왼쪽에, 프로퍼티명은 쌍따옴표("")와 함께 대괄호 안에 작성합니다.

let plan1 = {
name: "Basic"
};

console.log(plan1.name);
console.log(plan1["name"]);

대괄호 안에는 변수가 들어갈 수 있습니다.

예를 들어 plan1객체의 name이라는 프로퍼티에 접근하고 싶을 때,
let plan1 = {
name: "Basic"
};

let propertyName = "name";

console.log(plan1[propertyName]);

let myObj = {
property1: "hello",
property2: [1,2,3,4,5],
property3: {
childproperty: "haha"
}
};

let name = "property;
console.log(myObj[name+"1"]);
console.log(myObj[name+"2"]);
console.log(myObj[name+"3"]["child"+name]);

console.log(myObj[name+"1"]);
con

profile
d

0개의 댓글