1.자바스크립트 객체를 생성할 때 사용하는 키워드는?
①creat
②+
③new
④make
2.다음 중 값 1,2,3으로 초기화한 배열 values를 생성하는 자바스크립트 코드는?
①var values [] = {1,2,3};
②var values = {1,2,3};
③var values [] = [1,2,3];
④var values = [1,2,3];
3.다음 배열에 대한 설명 중 틀린 것은?
var months = new Array("Jan","Feb","March");
①var months = ["Jan","Feb","March"];로 대신할 수 있다.
②months.length는 3이다.
③months[1]="February"; 코드는 "Feb"을 "February"로 수정한다.
④months.length=5로 지정하여 배열의 크기를 5개로 늘일 수 없다.
length 객체는 Array에서 자동 관리하는 프로퍼티지만, 사용자가 값을 임의로 변경하여 배열을 줄이거나 늘일 수 있다.
4.다음 배열에 대한 설명 중 틀린 것은?
var grades = new Array("A","B","C","D");
①grades[4]="F";를 실행하면 grades배열의 크기가 1늘어난다.
원소를 순서대로 삽입하면 배열의 크기가 자동으로 늘어난다.
②grades[3]=70;은 잘못된 코드이다. 왜나하면 문자열 배열에 정수를 넣기 때문이다.
변수와 마찬가지로, 배열에도 정수,실수,문자열,논리값,객체 등을 혼재하여 저장할 수 있다.
③grades.reverse()를 호출한 결과 grades배열 내부가 ["D","C","B","A"]로 변한다.
④grades.length는 4이다.
5.주석에 맞게 다음 빈칸에 자바스크립트 코드로 채워라.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
var money = new Array(3); //Array를 이용하여 크기가 3인 배열 money생성
money[0] = 5;
money[1] = 7;
money[2] = -3;
var sum = 0;
for(i=0;i<money.length;i++){
sum+=money[i];
}
document.write(sum);
</script>
</body>
</html>
6.코어 객체에 대한 설명으로 잘못된 것은?
①var d = new Date();로 생성한 객체 d는 현재 시간 값을 가진다.
②Math 객체는 new Math()로 생성하지 않고 사용할 수 있다.
③"text"는 String객체이다.
④new Array()로 생성한 객체는 []로 생성한 배열과 약간 다르다.
7.다음 자바스크립트 코드가 있을 때, 아래 각 항목의 실행 결과 변수 x의 값은 무엇인가?
var text = "Web Programming";
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
var text = "Web Programming";
document.write(text.length+'\n');
document.write(text[2]+'\n');
document.write(text.split(" ").length+'\n');
document.write(text.replace("Web","HTML5")+"\n");
document.write(text.charAt(4));
</script>
</body>
</html>
9.student 객체를 생성하는 다음 코드를 리터럴 표기 방식으로 다시 작성하라.
리터럴 표기방식: 메소드와 프로퍼티가 블록 안에 모두 만들어지므로 가독성이 높다.
var student = new Object();
student.id=1;
student.name="kitae";
student.grade=3.9;var student = {
id : 1,
name : "kitae",
grade : 3.9
};
10.리터럴 표기 방식으로 작성된 다음 box객체가 있다.
(1)
var box = {
color:"red",
size:10,
amount:0,
fill:function() {this.amount+=2;},
consume:function() {this.amount-=2;}
};fill = function(){this.amount+=2;}
consume = function(){this.amount-=2;}
var box = new Object();
box.color = "red";
box.size = 10;
box.amount = 0;
box.fill = fill;
box.consume = consume;(2)다음 주석에 지정된 대로 자바스크립트 코드를 작성하라.
box.fill();
document.write(box.amount+'\n');
box.consume();
document.write(box.amount+'\n');(3)앞의 문제 (2)의 실행 결과 출력되는 것은 무엇인가?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
fill = function(){this.amount+=2;}
consume = function(){this.amount-=2;}
var box = new Object();
box.color = "red";
box.size = 10;
box.amount = 0;
box.fill = fill;
box.consume = consume;
box.fill();
document.write(box.amount+'\n');
box.consume();
document.write(box.amount+'\n');
</script>
</body>
</html>'HTML+CSS+JavaScript' 카테고리의 다른 글
| [HTML5+CSS3+Javascript 웹프로그래밍]8장 실습문제 (0) | 2021.11.14 |
|---|---|
| [HTML5+CSS3+Javascript 웹프로그래밍]7장 실습문제 (0) | 2021.10.15 |
| [HTML5+CSS3+Javascript 웹프로그래밍]3장 실습문제 (0) | 2021.10.15 |
| [HTML5+CSS3+Javascript 웹프로그래밍]4장 실습문제 (0) | 2021.10.12 |
| [HTML5+CSS3+Javascript 웹프로그래밍]6장 OpenChallenge (0) | 2021.10.11 |