개발새발

<script type="text/javascript">
        // 변수를 선언합니다.
        var student = {};
        //동적으로 속성 추가
        student.이름 = '장재순';
        student.취미 = '독서';
        student.특기 = '노래';
        student.장래희망 = '대통령';

        // 동적으로 메소드(toString) 추가
        student.toString = function () {
            var output = '';
            for (var key in this) {
                // toString() 메서드는 출력하지 않게 한다
                if (key != 'toString') {
                    output += key + '\t' + this[key] + '\n';
                }
            }
            return output;
        };
        // 출력합니다.
        alert(student.toString());
    </script>

    처음 객체를 생성하는 시점 이후에 객체의 속성을 추가 하는 것을 "동적으로 추가" 라고 한다

    제거 하는 것은 delete 키워드를 사용하는데 delete(student.장래희망) 이런식으로 기술하게 되면

    객체에서 장래희망 속성을 삭제하게 된다

 <script type="text/javascript">
        // 객체 선언
        var student = {
            name : '장',
            korean : 92,
            math : 93,
            eng : 94,
            science : 95
        };
        // 출력
        var output = '';
        //with 키워드
        with (student) {
            //output+= '이름: ' + student.이름 + \n';
            //with 키워드를 사용하지 않다면 위와 같이 기술해야 하지만
            //with 키워드를 사용하면 아래와 같이 쉽게 기술할 수 있다
            output += '이름: ' + name + '\n';
            output += '국어: ' + korean + '\n';
            output += '수학: ' + math + '\n';
            output += '영어: ' + eng + '\n';
            output += '과학: ' + science + '\n';
            output += '총점: ' + (korean + math + eng + science);
        }
        alert(output);
    </script>

    With 키워드는 복잡하게 사용해야 하는 코드를 짧게 줄여주는 키워드이다

    일반적으로 객체의 속성을 출력할 대 식별자를 여러번 사용하니 코드가 복잡한데

    with 키워드를 사용하면 객체를 명시할 필요없이 속성을 쉽게 사용 할 수 있다

    <script type="text/javascript">
      //변수 선언
        var product = {
            name: '장재순',
            age: '26',
            phone: '01012345678',
            address:'Seoul'
        };

        // 출력
        var output='';
        for (var key in product) {
            output += '*' + key + ': ' + product[key] + '\n';
        }
        alert(output);
    </script>

객체는 단순 for 반복문을 사용해 객체의 속성을 살펴보는것이 불가능하다

객체의 속성을 모두 살펴보려면 for in 반복문을 사용해야 한다

for in 반복문에 객체를 넣으면 객체의 요소 개수만큼 반복문을 실행한다

이 때 변수  key에는 객체의 키가 들어간다