JS 05/11 Object

원몽·2021년 5월 11일
0

HTML/CSS 수업

목록 보기
4/5

객체만들기

var Car = {"속성"}; //속성 입력할때 ,(콤마)는 앞에 써주기!
					//메서드 만들어줄 수도 있음
var Car = {
	model : "페라리"
    ,speed : 0
    ,brake : function(){
    	this.speed -= 10;
    }
    ,accel : function(){
    	this.speed += 10;
    }
    
    Car.speed = 200;  //이런식으로 속성값 설정가능
    
    -출력-
    document.write(Car.model); 
    document.write(Car.speed);   = 200
    Car.brake();
    document.write(Car.speed);   = 190
 }
 
 
-생성자로 만들어보기-

function Car(model,speed){
	this.model = model;
    this.speed = speed;
    this.color = "white";  //JS없는것도 만들어줄수 있음
    
    //객체의 메서드
    this.brake = function(){
    	this.speed -= 10;
    }
}

var Car1 = new Car("뽀르쉬", 200);

출력 : document.write(Car1.model)

function brake(){
	Car1.brake();
}

사람을 객체로 만들어보자

var person = {
	name : "홍길동"
    ,age : 200
    ,hobby : ["주식","코인"]  //object안에 배열로 들어갈 수 도있음
    ,addr: {
    	sido: "대전"
    	,gugun : "유성구"
    }
};

객체를 배열로 변환하기 : Object.values(person);

객체를 문자열로 변환하기 : JSON.stringify(person);

배열

선언방법
var arr1 = ["사과","배","포도"];
var arr2 = new Array("사과", "배", "포도");
var arr3 = new Array();


출력하는 함수 만들어보기

function printArr(arr){
	for(var i=0; i < arr.length; i++){
    	document,write(arr[i]);
    }
}

를만들어서 출력하면
printArr(arr1);


값찾기
.indexOf("배")   >>  1
.indexOf("망고")   값이 없으면 -1 반환
.push()   :  마지막에추가
.pop()    : 마지막요소 제거
.shift()  : 첫번째요소 제거
.unshift() :  첫번쨰에 추가
.reverse() :  순서 반전
.sort()    :  정렬
그런데 문자열로 변환해서 값을 비교하기 때문에 숫자 정렬은 함수사용
ex)
arr.sort(function(a, b){
	return a - b;
});
profile
수업정리용

0개의 댓글