[Java script] object

object.html

0.00MB

   <script>  //

        let obj = new Object();//객체생성

        console.log(obj); //{}

        

        obj.name = 'Zero';

        console.log(obj); //name:'zero'

 

        obj.age = '20';

        console.log(obj);

 

        console.log(obj.name) //name return "Zero"

        console.log(obj['name']); //name return "Zero"

 

       // document.querySelectorAll()

       let ullist = {

           '0':document.createElement('li'),

           '1':document.createElement('li'),

           '2':document.createElement('li'),

           '3':document.createElement('li'),

           '4':document.createElement('li'),

       }  //한번에 넣을 때 , 이 안에서는 string이던 number던 bleean이던 다 쓸 수 있음

       

       console.log(ullist);

 

        obj.list = ['1년 프로그래밍','2년 서버개발자','3년 프론트'];

        console.log(obj);

 

       //객체 반복문 obj={name:"Zero", age:"20", list:Array(3)}

       for (item in obj){

           console.log(item);

           console.log(obj[item]);

       }

 

       function hello(){

           console.log('Hello World1');

       }

 

       const hi = function(){    //익명의 함수를 만들어서 hi에 넣은 것임

           console.log('Hello World2');

       }

 

       hello();

       hi();

 

       obj.hello = function(){

           console.log(this.name);  //this는 앞의 obj를 가르치는 것임, 

           console.log(this.age);

            return 'Hello World!';

        };  

 

        console.log(obj.hello());

 

    </script>

</body>

</html>