[JS] Object 생성하고 출력해보기

   

 

<script>

        // 객체 생성 : 좋아하는 뮤지션(가수)의 플레이 리스트 3곡

        // 이름, 나이, 플레이리스트(객체로), 함수(플레이리스트의 곡3개 출력함수)

        const singer = {

            name : '헤이즈',

            age : 31,

            playlist : {

                list1 : '널 너무 모르고',

                list2 : '저 별',

                list3 : '첫눈에'

            },

            into : function(){

                console.log(`${singer.name}의 노래 : 1.${singer.playlist.list1}, 2.${singer.playlist.list2}, 3.${singer.playlist.list3}`);

                return `노래: ${this.playlist.list1}, ${this.playlist.list2}, ${this.playlist.list3}`;

            },  

            into2 : function(list1, list2, list3){

                console.log(`${this.playlist.list1}, ${this.playlist.list2}, ${this.playlist.list3}`);

                return `re: ${list1},  ${list2},  ${list3}`;

            }

        }

        // 전체 출력

        console.log(singer);

        // 함수 출력

        console.log(singer.into()); // 리턴 출력

        console.log(singer.into); // 함수 출력(지목)

        // 가수 이름 출력

        console.log(singer.name);

        console.log(singer['name']);

        // 가수의 첫번째 노래 출력

        console.log(singer['playlist'].list1);

        console.log(singer.playlist['list1']);

        //함수에 다른 이름을 넣어보기

        console.log(singer.into2('aaa','bbb','ccc'));

    </script>