JS스터디

날짜

2023/04/03

시간

태그

스터디

객체

객체란 (1)와 (2)로 구성된 (3)의 집합이다

값이 함수인 (3)을 (4)라고 부른다.

(__)

•

새로운 클래스에서 기존의 클래스의 모든 프로퍼티와 메소드를 사용할 수 있는 것

•

현재 존재하는 객체를 프로토타입으로 사용하여, 해당 객체를 복제하여 재사용하는 것

3. 해당 코드의 출력을 적어주세요.

function Dog(color, name, age) {
    color = color;
    name = name;
    age = age;
}
var myDog = new Dog("흰색", "마루", 1);

myDog.family = "시베리안 허스키";

console.log("우리 집 강아지는 " + myDog.color + " " + myDog.family  + "입니다.");
JavaScript
복사

4. for … in 문은 객체의 모든 프로퍼티를 순회할 수 있게 해준다 ( O / X )

5. 해당 코드의 출력을 적어주세요.

function Dog(color, name, age) {
    this.color = color;
    this.name = name;
    this.age = age;
}

var myDog = new Dog("흰색", "마루", 1);
var hisDog = new Dog("흰색", "마루", 1);

console.log(myDog == hisDog);  
console.log(myDog === hisDog);
JavaScript
복사

6. 해당 코드의 출력을 적어주세요.

function Person(name){
	this.name = name;
}
Person.staticProp = 'static Prop';
Person.staticMethod = function(){
	console.log('staticMethod');
};

const me = new Person('Lee');

Person.staticMethod();

console.log(me.staticProp);

me.staticMethod()
JavaScript
복사

두 코드는 Circle 생성자 함수를 정의하여 circle1, circle2 인스턴스를 생성하는 코드입니다.

생성자 함수 내부에 정의된 getArea 메서드는 모든 인스턴스가 동일한 내용으로 갖는 메서드입니다.

두 생성자 함수의 차이를 메모리 관점에서 적어주세요

function Circle(radius) {
    this.radius = radius;
    this.getArea = function() {
        return Math.PI * this.radius ** 2;
    };   
}

const circle1 = new Circle(1);
const circle2 = new Circle(2);

console.log(circle1.getArea === circle2.getArea); // false
JavaScript
복사

function Circle(radius) {
    this.radius = radius;
}

Circle.prototype.getArea = function(){
    return Math.PI * this.radius ** 2;
};

const circle1 = new Circle(1);
const circle2 = new Circle(2);

console.log(circle1.getArea === circle2.getArea); // true
JavaScript
복사

표준 객체

1. 다음 질문에 O / X 로 대답하시오

a) 자바 스크립트에서는 정수와 실수를 따로 구분한다. ( O / X )

b) Number 객체에서 toString() 메소드는 해당 숫자의 진법을 실제로 바꿔준다. ( O / X )

c) Infinity 값은 사용자가 임의로 수정할 수 없는 읽기 전용 값이다. ( O / X )

d) Math 객체는 생성자(constructor)가 존재한다. ( O / X )

e) 자바스크립트에서 일주일은 일요일(1)부터 시작하여 토요일(7)로 끝납니다. ( O / X )

f) 자바스크립트의 length 프로퍼티는 해당 문자열의 총 바이트 수를 저장하는 것이 아닌 글자의 개수만을 저장한다. ( O / X )

Number.parseInt("183.7cm");     // (a)
Number.isNaN("NaN");            // (b)
JavaScript
복사

var num = 403.578934112; 
num.toFixed(5);          // (a)
num.toPrecision(5);      // (b)
JavaScript
복사

4. 자바스크립트에서 날짜를 표현하는 양식 중 작성법이 틀린 것을 고르시오.

(a) Full 날짜 양식 - new Date(”Tue April 26 2022 08:27:13 GMT+0900 (Seoul Time)");

(b) Short 날짜 양식 - new Date("2022/04/26");

5. 다음 중 길이가 긴 문자열 리터럴을 보기 좋게 표현하기 위해 사용하는 것이 아닌 것은?

(a) /

(b) |

var a = "Frontend";
var b = new String("Frontend");

(a == b);  // (a)

(a === b); // (b)
JavaScript
복사

const str = 'JavaScript is a popular programming language';
let substring1 = str.substring(4, 10);                     // (a)
let substring2 = str.substring(str.length - 3);            // (b)
JavaScript
복사

8. 주어진 문자열 ‘str’을 공백 문자를 기준으로 분리하여, 배열 ‘arr’에 저장하는 코드를 작성하세요.

const str = 'JavaScript is a popular programming language';
let arr = (?)
JavaScript
복사

9. 이 코드에서 ‘fruit’ 배열의 내용은?

let fruit = ['Orange', 'Grape', 'Cherry'];
fruit.unshift('Apple');
fruit[2] = 'Banana';
fruit.pop();
JavaScript
복사

10.

   이 코드에서 ‘arr2’ 배열의 내용은?

const arr1 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const arr2 = arr1.filter(function(num) {
  return num % 2 === 1;
});
JavaScript
복사