Notice
Recent Posts
Recent Comments
Link
kenzi
array와 object 본문
//array는 네이버 쇼핑 장바구니와 비슷하다
//array생성은 [대괄호]와 , 를 사용한다
const KenziArray = ["LipTint","웜톤정모",10000];
//array안의 요소를 추가하고 싶을 땐 push를 사용한다
KenziArray.push("Peripera");
//arrya안 요소를 하나씩 빼오고 싶으면 array명[]을 사용한다 , 배열요소는 0부터 센다
console.log(KenziArray[1]);
//콘솔 결과 : 웜톤정모
array배열안 요소들은 여러 타입이 들어갈 수 있다
자바스크립트 데이터 타입은 string number boolean object function undefined 6가지 타입이 있다
장바구니에 생활용품 주방용품 의류 등 여러가지를 담을 수 있듯이
array 역시 여러개를 담을 수 있다
하지만 array안에 있는 것이 정확히 어떤 건지 알기 힘들다
예를 들면 장바구니에 "웜톤정모"가 담겨있다
이게 뭔지 알까? 이게 도대체 뭔가??
정답은 페리페라의 틴트이름이다
도무지 알수가 없다
그래서 우리는 object를 알아야 한다
//object 생성은 {중괄호} 와 :를 사용한다
const Kenzi = { product : "LipTint",
productName : "웜톤정모",
price : 10000 };
//object 속성사용은 .을 이용한다
console.log(Kenzi.product); //콘솔 결과 : LipTint
//object 수정
Kenzi.price = 9000;
//확인
console.log(Kenzi);
//콘솔 결과 : { product : "LipTint", productName : "웜톤정모", price : 9000 }
//object 추가
Kenzi.company = "Peripera";
//확인
console.log(Kenzi);
//콘솔 결과 : { product : "LipTint", productName : "웜톤정모", price : 9000, company : "Peripera" }
이제 우리는 Kenzi.productName이 웜톤정모라는 것을 정확히 알 수 있다
'자바스크립트' 카테고리의 다른 글
querySelector와 addEventListener (0) | 2022.04.10 |
---|---|
function (0) | 2022.03.31 |
데이터 타입 (boolean, null, undefined) (0) | 2022.03.31 |
var, let, const의 차이 (0) | 2022.03.31 |
Comments