JavaScript
[FrontEnd2] JS 연습문제 (객체)
보라해바라기
2022. 6. 5. 10:44
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