자바스크립트 데이터타입

[자바스크립트 데이터 타입:8가지 데이터 타입]

• string 문자열(str) --> apple
• number 숫자(num) --> 3, 14
• function 함수(func)
• array 배열
• object 객체
• boolean 불린
• undefined 정의되지 않음
• null 널

[문자열 데이터타입]
""큰따옴표 또는 ''작은 따옴표로 사용된 문자
var str3= "20" <-- 숫자를 문자열로 표시한다면 큰 따옴표 "" 사용해야 함

[문자열 주의사항]

var str1="He's a boy"; <-- "" '' 혼용 사용 불가함
var str1='He\'s a boy'; <-- 대신 이렇게 사용

출력하고 싶은 큰 따옴표, 작은 따옴표 앞에 역슬래시 기호 붙이기

[함수 데이터타입: 함수 생성과 호출]

var func1=function(  ) { 
console.log("func1");
}  <-- (함수생성:function 키워드를 사용해 생성)

func1(  ); <-- (함수호출: 함수 안의 코드를 실행)

[함수-매개변수,인자, return]

var area=function(width,height) { <-- width,height 가 매개변수
return width * height ; <--return: 함수 안에 데이터 저장시 사용
}
area(10,20); <--10, 20이 인자

커피머신: 함수 / 원두: 인자 / 투입구:매개변수 / 커피: return

[함수 데이터 호출방법]

var area =function(width,height) { <--w와 h  각각 10,20 준다하면,
return width * height ; <--리턴은 200이 될 것임
}

(방법1) 새 변수를 생성한 후, 그 변수를 console.log(  )로 감싸기
var result=area(10,20); <--리턴된 200을 변수 result에 저장
console.log(result); <--200을 화면에 출력하기

(방법2) 함수 자제를 console.log(  )로 감싸기
console.log(area(10,20));

[배열 데이터타입:비슷한 성격의 데이터를 하나의 변수안에서 관리]

var fruit=["사과","배","수박"]
console.log(fruit); <--데이터 확인

[배열데이터 추출]

var fruit=["사과","배","수박"] <-- 각각 0,1,2의 좌표값을 가짐
console.log(fruit[0]);  <-- 사과 출력될 것

[배열데이터 변경]

var fruit=["사과","배","수박"]
fruit[0]="포도";
console.log(fruit); <--포도,배,수박

[객체 데이터 타입:
프로퍼티,메서드,데이터로 구성, 여러종류 데이터 타입 삽입 가능]

var student={
프로퍼티(이름을 가지고 있는 데이터) 
name : "inkwon", <--문자데이터
age: 20, <--숫자데이터
skills: ["자바스크립트", "HTML", "CSS"], <--배열데이터


매서드(이름을 가지고 있는 함수)
sum : funtion(num1,num2) { return num1 + num2;}
}

[객체 데이터 출력]

var student={
name : "inkwon",
age: 20,
skills: ["자바스크립트", "HTML", "CSS"], 
sum : funtion(num1,num2) {
return num1 + num2;
}
}

(방법1) console.log(studuent.name);
(방법2) console.log(studuent['name']);

[객체 데이터 변경]

student.name="park";
console.log(student.name); <--park 출력

[undefined, null 데이터타입]

var nude; <--undefined: 
변수 안에 데이터를 입력하지 않은 상태(데이터가 없는 것)
var empty=null; <--null: 
개발자가 임의로 변수 안에 빈 데이터를 삽입한 상태(빈 데이터를 저장한것)

[Boolean 데이터타입: 참 또는 거짓 데이터가 들어간 상태]

var t=true;
var f=false;