Animated Turtle

Javascript

javascript 데이터 문제

훙구 2023. 3. 3. 15:25

...

728x90
반응형

Javascript 간단한 연습문제

문제 1.

주석의 출력값을 보고 빈칸을 채우시오.

{
    const obj = [
        {a:100, b:200},
        {c:"javascript"}
    ];

    console.log(________);
    console.log(________);
    console.log(________);

    //100
    //200
    //javascript  (출력값입니다.)
}

풀이1.

obj는 배열안에 객체의 형식으로 저장된 데이터입니다.

obj의 모든 요소를 순서대로 나타내면 다음과 같습니다.

obj[0].a = 100

obj[0].b = 200

obj[1].c = javascript

Tip !

배열안에 객체가 들어있을 수도, 객체안에 배열이 들어있을 수도 있습니다. 잘 보세요 !

 

문제2.

다음의 출력값을 보고 빈칸을 채우시오.

{
    const obj = {
        a: 100,
        b: [200, ____],
        c: "javascript",
        d: _________(){
            document.write("javascript가 실행되었습니다.");
        },
        e: function(){
            document.write( _______ + "가 실행되었습니다.");    //변수값 사용
        },
        f: function(){
            document.write( _______ + "가 실행되었습니다.");    //this를 사용
        }
    }

    document.write(obj.a);
    document.write(obj.b);
    document.write(obj.b[0]);
    document.write(obj.b[1]);
    document.write(obj.c);
    obj.d();
    obj.e();
    obj.f();

    //100
    //200,300
    //200
    //300
    //javascript
    //javascript가 실행되었습니다.
    //javascript가 실행되었습니다.
    //javascript가 실행되었습니다.
}

풀이2.

obj에 저장된 요소들을 하나씩 살펴면 다음과 같습니다.

obj.a = 100

obj.b = [200,300]

obj.c = javascript

obj.d = "javascript가 실행되었습니다."를 화면에 표시하는 함수

obj.e = "javascript가 실행되었습니다."를 화면에 표시하는 함수

obj.f = "javascript가 실행되었습니다."를 화면에 표시하는 함수

 

따라서 정답은 300 / function / obj.c / this.c 입니다.

 

Tip !

객체 안에 객체값을 불러와 사용할 수 있습니다.

this는 기본적으로 현재 자기자신을 의미하므로 obj를 의미합니다. (obj.c = this.c)

728x90
반응형