java script 객체

1. 객체(Objcet) ; 객체 = object

-자바 스크립트는 객체 기반 언어이다.

-객체는 메모리에 올린 데이터이다. 형체가 있는 대상, 메모리에 올라간 데이터
-기본 자료형 혹은 내장 객체(ex.배열)의 값으로 변수 생성 후 데이터 삽입시, 해당 자료형으로 활용할 수 있는 메서드와    속성이 생성된다. -> 염두는 이것을 컨트롤해서 사용만 하면 되는데....

2. 객체의 요소

- 메서드 (Method) : 

- 속성 (Property) :

객체의 메서드와 속성

기본형  ① 객체. 메서드( );
          ② 객체.속성;
          ③ 객체.속성 = 값;

3. 개발자가 직접 객체 생성하기
-객체 생성시 객체는 키와 값으로 이루어져있다.
-객체의 값은 문자, 숫자, 배열, 객체, 함수 등 모든것을 포함 할 수 있다.

기본형
객체 = {
           키 : 값, 키 : 값, 키 : 값
          }

	var obj = {
			myName : '홍길동', //키 : 값  ->속성을 만든 것
			myArray : new Array(),
			myObj : {
				add : '전주시'
			}
	};
	//객체 내의 배열에 값을 삽입 및 속성값 변경
	obj.myName = '이순신';
	obj.myArray.push('내 배열');

 

실습1. obj라는 변수에 name, age의 속성을 포함 한 객체를 완성하여라.

var obj = {
			name : '염두',
			age : 29
	};

 

실습2. obj2 라는 변수에 arr, myObj의 속성을 포함한 객체를 완성하고, arr은 배열객체로, myObj은 객체로 생성하고, arr에는 '홍길동','이순신'값을 myObj에는 name과 age의 속성을 가지도록 생성하여라

	var obj2 ={
			arr : new Array('홍길동','이순신'),
			myObj : {
				name : '유영주',
				age : 29
			}
	}

 

실습3. obj3라는 객체가 있다. obj3 객체 속성 중 arr라는 배열을 가지고 name이라는 속성의 값과 일치하는 값만 콘솔에 출력하여라.

	var obj3 = {
			arr : ['홍길동','이순신'],
			name  : '홍길동',
	}
				//obj3.arr 배열 접근했기 때문에 배열의 속성을 사용 가능
	for(var i = 0; i<obj3.arr.length; i++){
		if(obj3.arr[i] == obj3.name){
			console.log(obj3.arr[i]);
		}
	}
	
	var arr = obj3.arr; //변수 대입해서 사용 가능
	for(var i = 0; i<arr.length; i++){
		if(arr[i] == obj3.name){
			console.log(arr[i]);
			}
		}

 

실습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. 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. obj6이라는 객체에 numArray 속성과 avg 속성이 있다. numArray은 배열이고, avg의 값은 0이다. numArray 배열의 값의 평균값을 avg 삽입하고, obj6을 콘솔창에 출력해라.

	var obj6 = {
			numArray : [20,30,40,50,60,70,80,90],
			avg :0
	}
	var result = 0;
	for(var i=0; i<obj6.numArray.length;i++){
		 result += obj6.numArray[i];
	}
	obj6.avg = result/obj6.numArray.length;
	console.log(obj6);