반응형
● 변수
var fruit = "apple";
● 출력
console.log(fruit);
● 사용 방법
<body>
<script src='index js"></script>
</body>
-> html 파일과 연동
● 변수 데이터 확인 방법
우클릭 -> 개발자 검사(크롬)
● 변수 데이터 웹 화면에 출력
document.write(변수명);
document.writeln(변수명); //출력값 사이에 변수 넣기
● 데이터 타입
- 문자열
var str = "~"
var string = 'He\'s a boy'
-> 중간에 ' 사용가능, 문장 끝까지 인식됨
- 함수
var func1 = function(){
}
func1();
또는
function func1(){
}
func1();
* 함수 데이터 호출 방법
var area = function(width,height){
return width*height;}
var result = area(10,20);
console.log(result);
또는
console.log(area(10,20));
- 배열
var fruit = [1,2,3];
console.log(fruit);
- 객체(프로퍼티,데이터,메소드로 구성)
var student = {
name : "dd",
age : 20,
skills : ["a","b","c"],
sum : function (num1,num2){return num1+num2;}
}
name -> 프로퍼티 / dd -> 데이터 / sum -> 메소드
* 객체 데이터 출력
console.log(student.name);
console.log(student['name']);
* 객체 데이터 변경
student.name = "gg";
student.age = 30;
- undefined (변수 안에 데이터를 입력하지 않은 상태 -> 데이터 없음)
var unde;
- null(개발자가 임의로 변수 안에 빈 데이터를 삽입한 상태 -> 빈 데이터를 지정한 것)
var empty = null;
- boolean(참 또는 거짓 데이터가 들어가 있는 상태)
var t = true;
var f = false;
반응형
'온라인 강의 > Javascript(생활코딩)' 카테고리의 다른 글
javascript 객체 기본(생활코딩) (0) | 2022.08.10 |
---|---|
Javascipt 제어문 (0) | 2022.08.03 |
Javascript 활용(생활코딩) (0) | 2022.08.01 |
Javascript 객체(생활코딩) (0) | 2022.08.01 |
Javascript 함수(생활코딩) (0) | 2022.07.31 |