본문 바로가기

온라인 강의/Javascript(생활코딩)

Javascript 문법

반응형

● 변수

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