객체
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>객체</title>
<script type="text/javascript">
/*
객체란?
형체가 있는 대상, 메모리에 올라간 데이터
- 기본 자료형 혹은 내장 객체의 값으로 변수 생성 후 데이터 삽입시
해당 자료형으로 활용할 수 있는 메서드, 속성이 생성된다.
- 객체를 object라고 표현한다.
개발자가 직접 객체 생성하기
this
*/
//객체는 키와 값으로 이루어져 있다.
//객체의 값은 문자, 숫자, 배열, 객체, 함수 등 모든 것을 포함할 수 있다.
var obj = {
myName : '홍길동',
myArray : new Array(),
myObj : {
add : '전주시',
},
};
//객체 내의 배열에 값을 삽입 및 속성값 변경
obj.myName = '이순신';
obj.myArray.push('내 배열');
</script>
</head>
<body>
</body>
</html>
객체 생성 실습
1.
/*
실습 1. obj 라는 변수에 name, age의 속성을 포함한 객체를 완성하여라
*/
var obj = {
name : '브래들리',
age : 20,
};
2.
/*
실습 2. obj2라는 변수에 arr는 배열객체, myObj는 객체의 속성을 포함한 객체를 만들고
arr는 '홍길동', '이순신' 값을 myObj는 name과 age 속성을 가지도록 하여라.
*/
var obj2 = {
arr : new Array('홍길동', '이순신'),
myObj : {
name : '크리스',
age : 20,
},
};
/* var obj2 = {
arr : ['홍길동', '이순신'],
myObj : {
name : '크리스',
age : 20,
},
}; */
3.
/*
실습 3. obj3라는 객체가 있다. 객체 obj3의 속성 중
arr라는 배열을 가지고 name이라는 속성의 값과 일치하는 값만 콘솔에 출력하여라
*/
var obj3 = {
arr : ['홍길동','이순신'],
name : '홍길동'
};
for(var i = 0 ; i < obj3.arr.length ; i++){
if(obj3.arr[i] == obj3.name){
console.log(obj3.arr[i]);
}
};
4.
/*
실습 4. 객체 obj4에 속성 number 와 numArr이 있다.
number의 값은 10이고 numArr은 배열이다.
속성 number의 값만큼 반복문을 돌려 numArr에 삽입하여라.
*/
var obj4 = {
number : 10,
numArr : [],
};
for (var i = 0; i < obj4.number ; i++ ){
obj4.numArr.push(i);
};
5.
/*
실습 5. 객체 obj5에 속성 memberArray, targetMember 가 있다.
targetMember과 memberArray는 배열이다.
속성 targetMember 안에는 객체가 또 존재하며 속성 name과 age가 있다.
age가 20 이상인 대상의 이름만 memberArray에 삽입하여라.
*/
var obj5 = {
memberArray : [],
targetMember : [
{name : '홍길동', age : 21},
{name : '홍길순', age : 19},
{name : '이순신', age : 25},
{name : '둘리', age : 18},
]
};
for(var i =0; i <obj5.targetMember.length ; i++){
if(obj5.targetMember[i].age >= 20){
obj5.memberArray.push(obj5.targetMember[i].name);
}
};
console.log(obj5);
6.
/*
실습 6. 객체 obj6에 속성 numArray, avg가 있다.
속성 numArray는 배열, avg의 값은 0이다.
배열numArray 값 들의 평균값을 avg에 삽입하고,
obj6을 콘솔창에 출력하여라.
*/
var obj6 = {
numArray : [20, 30, 40, 50, 60, 70, 80, 90],
avg : 0
};
var sum = 0;
for(var i = 0 ; i < obj6.numArray.length ; i ++){
sum += obj6.numArray[i];
};
obj6.avg = sum/obj6.numArray.length;
console.log(obj6);
'JavaScript' 카테고리의 다른 글
[JavaScript] 객체 + 함수 + 반복문 복습 (0) | 2020.03.16 |
---|---|
[JavaScript] 함수 (1) | 2020.03.10 |
[JavaScript] 배열 객체 (0) | 2020.03.09 |
[JavaScript] JavaScript 기초문법 ② (0) | 2020.03.05 |