SMALL
안녕하세요:) 보라해바라기입니다~!
오늘은 JS의 객체에 대한 연습문제를 풀어보았습니다.
1. 좌표 정보를 가진 객체를 생성하고 정보 출력 함수도 객체 안에 생성해서 정보 출력
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
var coordinate_obj = {
x: 10,
y: 20,
print : function print(a, b) {
document.write("( " + a + " , " + b + " )")
}
}
coordinate_obj.print(coordinate_obj.x, coordinate_obj.y)
</script>
</head>
<body>
</body>
</html>
2. 사람의 이름, 나이, 키 정보를 가진 객체를 생성하고 정보 출력 함수도 객체 안에 생성해서 정보 출력
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
var person = {
name: "보라해바라기",
age: 23,
height: 164.5,
call : function(a, b, c) {
document.write("이름: " + person.name, "<br>")
document.write("나이: " + person.age, "<br>")
document.write("키: " + person.height, "<br>")
}
}
person.call(person.name, person.age, person.height)
</script>
</head>
<body>
</body>
</html>
3. 개의 종류와 나이 정보를 가진 객체 배열을 생성하고 조건에 따라 정보 출력
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
var dog_list = [
{species: "리트리버", age: 1},
{species: "셰퍼드", age: 2},
{species: "푸들", age: 3}
]
for(var i = 1; i < dog_list.length ; i++) {
if (dog_list[i].age>=2) {
document.write("이름: " + dog_list[i].species, "<br>")
document.write("나이: " + dog_list[i].age, "<br>")
}
}
</script>
</head>
<body>
</body>
</html>
728x90
'JavaScript' 카테고리의 다른 글
| [모던 JavaScript] 1.1 ~ 2.6 과제 정리! (0) | 2022.11.15 |
|---|---|
| [FrontEnd2] JS 연습문제 (대수의 법칙 _ 주사위) (0) | 2022.06.05 |
| [FrontEnd2] JS 연습문제 (함수) (0) | 2022.05.29 |
| [FrontEnd2] 함수를 이용해 최대공약수, 최소공배수 구하기 (0) | 2022.05.27 |
| [FrontEnd2] JS 연습문제 풀이 (중첩 반복문 2) (0) | 2022.05.24 |
댓글