시작.html

JavaScript/수업

시작.html

lavender1122 2024. 2. 6. 21:13

primitive Type (원시타입) : String, number, boolean

var v_str = "메롱";
var v_num = 272;
var v_bool = true;

Object Type(객체타입): {} 와 []

var v_obj = {name : "일규"};
var v_arr = {1,2,3};

원시타입 복사 방식 동작

var aaa = "다희만만세";
var bbb = aaa;
bbb = "다희 안만만세";
console.log("aaa :" + aaa);
console.log("bbb :" + bbb);

객체타입은 참조방식으로 동작

var ccc= ["흥","치","뽕"]; //배열 선언
var ddd = ccc;
ddd[2]  = "뽀옹"; // ccc와 ddd

console.log("ccc 2번째 : ",ccc[2]); //"뽀옹"
console.log("ddd 2번째 : ",ddd[2]);

원본

<!DOCTYPE html>
<meta charset="UTF-8">
<script>
    // 원시타임은 낱개(속성도 없고, 메소드 없음 )
    //자바 vs 자바 스크립트 차이, 둘다 문법을  c언어 모방
    // 자바는 정적언어
    //자바스크립트는 동적언어 (js는 데이터타입 선언없이 마구 사용)
    //Stirng, number , boolean (Primitive Type) - 원시타임, undefined, Nan(Not a Number), null 요런건 무시
    //{} 와 []는 Object Type - 객체타입

    var v_str = "메롱";
    // alert(typeof(v_str)); //string
    var v_num = 272;
    // alert(typeof(v_num)); //number
    var v_bool = true;      //boolean

    //{} <--> Map 와 []<--> List 를 합쳐서 JSON(JavaScript Object Notation 객체 표기법)
    var v_obj = {name : "일규"}; //object
    var v_arr = [1,2,3];        //object
    // alert(typeof(v_arr)); //object

    //원시타입은 복사(copy) 방식으로 동작!, 객체타입은 참조(reference)방식으로 동작

    var aaa = "다희만만세";
    var bbb= aaa;
    bbb = "다희 안만만세";
    console.log("aaa :" + aaa); //다희만만세, aaa와 bbb는 따로 논다
    console.log("bbb :" + bbb); 

    var ccc= ["흥","치","뽕"]; //배열 선언
    var ddd = ccc;
    ddd[2]  = "뽀옹"; // ccc와 ddd

    console.log("ccc 2번째 : ",ccc[2]); //"뽀옹"
    console.log("ddd 2번째 : ",ddd[2]);

</script>