04. 자바스크립트 객체

04. 자바스크립트 객체

var p1 = new Objet();  // 객체생성
p1.name = "홍길동";
​
var p1 = {name : "이몽룡", age :20}
delete p1.age

배열요소의 변경

<script type="text/javascript">
    var a = [ 100, 200, 300 ];
​
    a[0] = "hello"
    a[4] = "world";
    console.log(a.length);
    console.log(a);
​
    a.push(400);
    console.log(a)
    console.log(a.length)
​
    a.splice(3, 2);
    console.log(a)
​
    a.splice(3, 0, "jquery");
    console.log(a)
​
    a.length = 10;
    console.log(a)
    console.log(a.length)
​
    a.length = 12;
    console.log(a)
    console.log(a.length)
</script>

결과값

5
test3.html:15 (5) ["hello", 200, 300, empty, "world"]
test3.html:18 (6) ["hello", 200, 300, empty, "world", 400]
test3.html:19 6
test3.html:22 (4) ["hello", 200, 300, 400]
test3.html:25 (5) ["hello", 200, 300, "jquery", 400]
test3.html:28 (10) ["hello", 200, 300, "jquery", 400, empty × 5]
test3.html:29 10
test3.html:32 (12) ["hello", 200, 300, "jquery", 400, empty × 7]
test3.html:33 12

js < ----텍스트 ------ ////

csv

xml

json(javascript 객체)

JSON

JSON.parse()

JSON.stringify()

생성자 함수

객체 생성해주는 기능을 가지고 있다.

생성자함수는 생성할 때 속성이 없는 빈 객체를 생성한 후 함수 호출 객체의 this 값으로 생성된 객체를 바인딩한다. 따라서 this 는 new 키워드로 인해 생성된 객체이다.

<script type="text/javascript">
    function Person(name, age) {
        this.name = name;
        this.age = age;
    }
    var p1 = new Person("Amy",23);
    var p2 = new Person("John",24);
    var p3 = new Person("Tom",26);
    
    console.dir(p1);
    console.dir(p2);
    console.dir(p3);
</script>

proto : prototype 객체