(2024 02 23) js 6일차

객체

 

자바스크립트에서의 객체는 배열하고 매우 유사하다 

배열 선언 및 사용 법

    <script>

        let array=[273,'문자열',true,function () {},{}, [32,103]];

        alert(array[1])

    </script>

 

객체 선언

        let product={

            제품명: "망고",

            유형: "당절임",

            성분: '망고,설탕'

        }

 

객체 출력하는 법

proudct[제품명]  => 망고 출력
proudct.제품명 => 망고출력

for in 반목문을 사용하여 출력 할수 있다

for (let 키 in 객체 {

 

}

        for(let i in product) {

            alert(i+":"+product[i]);

        }

 

객체안의 모든값을 출력한다 

 

 

속성과 메서드

배열의 값 하나하나를 요소라 하며 객체에 있는 값 하나하나를 속성이라고 한다 

그리고 객체 속성중 자료형이 함수인 속성을 메서드라고 한다.

       

//객체를 선언

let person = {

            name : "유인성",

            eat: function (food) {

                alert(food + "을 먹는다");

            }

        };

 

//메소드를 호출 

        person.eat('밥');

 

웹페이지의 실행순서

html파일은 코드를 위쪽에서 아래쪽으로 실행합니다 

그렇기에 위에 헤드 부분에 js 코드를 작성한 경우 아래 body부분의 태그들의 변화를 일으킬수가 없습니다 

그럴경우 태그 아래로 js코드를 넣으면 싫애하거나 다른 이벤트를 이용하여 js코드를 적용할수 있습니다 .