#TIL wecode Bootcamp Day 5(JavaScript)

Jung Hyun Kim·2020년 5월 28일
0

wecode

목록 보기
5/42

JavaScript part.3

(object 객체중심)

Object(객체)

-데이터💹를 편리하게 관리할 수 있게 해주는 object 객체

1. 객체의 구조

var student = {
  name : 'jojo',  //name은 key, 'jojo'는 value 
  age : 28,
  skills : ['javascript', 'html', 'css'],
  data : {year : 2020, month : '5월'} ,
	intro : function () { // 겍체안의 함수는 method 
      console.log(student.name + "은 " +student.country + "에 살고 있습니다.");
};
  • 여기에서 name: 'jojo 를 속성(property) 라고 하며 속성 안에는 key:value 의 구조로 되어 있다. name age skillkey이고 jojo 28 ['javascript','html','css']value이다.

객체 만드는 방법 1 (objectName.propertyName)

-객체를 처음부터 위처럼 만드는 방법도 있고, 빈 객체를 만들고 properties를 만들어서 수정해줄수 있는 방법도 있다.

let myPhone = new Object(); //1. myPhone이라는 객체를 만들거야 라고 선언 
myPhone.make = 'Apple'; //2. 객체이름.key값=value 를 선언 
myPhone.model = 'IphoneX';
myPhone.year = 2018;

console.log(myPhone); // 3. myphone 객체만들기 완성 그럼 아래와 같이 출력 될것
----------------------------------------------
{make: "Apple", model: "IphoneX", year: 2018}
-----------------------------------------------
  • 여기에서 name: 'jojo 를 속성(property) 라고 하며 속성 안에는 key:value 의 구조로 되어 있다. name age skillkey이고 jojo 28 ['javascript','html','css']value이다.

객체 만드는 방법 2 objectName['propertyName']

-위와 같이 objectName.propertyName 혹은 objectName['propertyName'] 이렇게도 생성이 가능하다!
-즉 아래와 같이 만들어도 console.log(myPhone) 출력 값은 같다는 사실! ☝🏼

let myPhone = new Object(); //1. myPhone이라는 객체를 만들거야 라고 선언
myPhone['make'] = 'Apple'; //2. 객체이름['key']=value 를 선언
myPhone['model'] = 'IphoneX';
myPhone['year'] = 2018;

객체에 새로운 객체 추가하기

var student = {
  name : 'jojo',  //name은 key, 'jojo'는 value 
  age : 28,
  skills : ['javascript', 'html', 'css'],
  data : {year : 2020, month : '5월'} ,
	intro : function () { // 겍체안의 함수는 method 
      console.log(student.name + "은 " +student.country + "에 살고 있습니다.");
};

위의 object 객체를 정의 한후에 property 값 수정하는 방법

  1. 변수에 기존에 원하는 key 값을 넣는다👍
    2.objectName['propertyName']방법을 통해 원하고자 하는 값을 넣어준다!👉🏼
let realName = "name"
student[realName] =['jojo', 'joanne'];
console.log(student)
profile
코린이 프론트엔드 개발자💻💛🤙🏼

0개의 댓글