자바스크립트에서 사용되는 객체의 종류

05 Nov 2020 in Programming on JavaScript

1. 클래스로 정의된 객체

  var today = new Date();
    var year = today.getFullYear();
    var month = today.getMonth()+1;
    var day= today.getDay();
    var hour= today.getHours();
    var minute= today.getMinutes();
    var second= today.getSeconds();
    document.write(year + "년" + month + "월" + day + "일" + hour + ":" + minute + ":" + second);

2020년11월4일13:43:24

    var ary = [1,2,3,4,5];
    for(var i in ary){
      document.write(ary[i]+" ");
    }
    ary.push("이탈리안 BLT");
    for(var i in ary) {
    document.write(ary[i] + " ")
    }
    document.write("<br>" +  ary.pop());
    document.write("<br>");

2. 배열 : [], 첨자로 데이터에 접근하는 형태 객체

ary.pop();//배열 마지막거 뺸다. ary.push(“m”)

3. 객체 : {}, 키로 데이터에 접근하는 방식 (해쉬맵처럼 보인다.)

var obj ={name="crong", age:20}
//추가
obj['addr']='buena park'
//삭제
delete obj.name;
//value 출력
console.log(obj.addr);
console.log(obj["addr"]);

객체의 탐색

var obj = {"name":"codesquad" , age :22, data: [1,2,3,4,5]};

//for문으로 탐색
for(value in obj) {
  console.log(obj[value]);
}
//foreach 함수로 탐색
Object.keys(obj).forEach(function(key) {
	console.log(obj[key]);
});

json은 항상 큰따옴표가 붙는다.

var myobj = {"name": "John","greeting":"hello"}
var obj = {"name":"임꺽정","name2":"임걱정"}
var str = JSON.stringify(obj);
var p = JSON.parse(str);
document.write(p["name"]);

4. html 요소 객체 : 구조문서(html,css)에서 getElementxxx()를 이용해 가져온 객체

window.onload = function(){
    var today = new Date();
    console.log(typeof today);//object



    var ary= [1,2,3,4,5]
    console log(type of ary)//object



    var obj = {'name': '홍길동', 'age':'29'}
    console log(type of obj )
    document.write(obj['name']+","+obj['age'])
}//object

var tag = document.getElementById("title")
var text = document.getElementById("title").innerHTML;

document.write(text);

document.getElementById()

//여러개는 배열로 리턴해준다.

document.getElementsByClassName()

document.getElementsByName()

document.getElementsByTagName()

document.write()가 문서에 있는거 overwrite하는거..? 좀 알아보기

var obj = {'name' :'홍길동', }
obj['func']=function(){alert(""+(10+20))};
  obj['func']();//g함수 실행
 위 아래둘다 똑같이 잘 나오기는 한다.
var obj2 = {"name":"임꺽정"}//""큰따옴표로 써야만 json 객체 생성 가능.