자바스크립트 - 문법

자바스크립트란?

동적인 웹사이트 제작 시 사용하는 프로그래밍 언어

IoT, 하이브리드 앱 (웹 + 모바일 앱), 서버 개발 등 다양한 곳에 활용된다.

 

변수

숫자로 시작하면 안된다. 최대한 자세한 변수명을 작성해야 한다. 의미가 불명확한 단어의 조합을 피해야 한다.

기본 문법 : 줄 바꿈이 있다면 세미콜론을 생략할 수 있다. (automatic semicolon insertion)

var fruit; //변수 선언
fruit = "apple" //변수 초기화

var fruit = "apple"; //이렇게 합칠 수 있음

console.log(fruit); //변수 안 데이터를 콘솔에 출력
document.write(fruit); //웹페이지에 데이터를 출력

HTML과 연동하기 위해서는 아래와 같은 코드를 적어준다.

<script scr = "index.js"></script>

 

+) let, const

var 대신 let 키워드를 사용해 변수를 생성한다. var는 let과 거의 동일하게 동작한다. 그런데 var은 오래된 방식으로 최근에는 let을 사용한다.

변화하지 않는 변수를 선언할 땐, let 대신 const를 사용한다.

 

데이터 타입

String, Number, Function, Array, Object, Boolean, undefined, null 등

Function

//함수 선언방식
var foo = function(a, b) {return a+b;}
function foo() {}

//함수 호출
foo()

Object

→ property, method, data로 구성된다.

var student = {
	//property
	name : "cola",
	age : "20",
	//method
	foo : function() {}
}

//Object의 property에 접근하는 법
//student.age or student['age']

undefined : 아직 초기화가 되지 않은 상태

null : 임의로 변수에 빈 데이터를 삽입함

 

몇 가지 메서드

//문자열
var str = "foo"
a = str.length //길이
b = str.charAt(idx) //해당 인덱스의 문자 추출
c = str.split(" ") //기준문자로 분리하여 배열에 저장

//배열
var arr = ["foo", "bar"]
a = arr.length //배열 길이
arr.push("hello") //배열의 뒷부분에 데이터 삽입
arr.unshift("world") //배열의 앞부분에 데이터 삽입
arr.pop() //배열의 맨 뒤 요소 제거
arr.shift() //배열의 맨 앞 요소 제거

//Math
a = Math.abs() //절댓값
b = Math.ceil() //올림
c = Math.floor() //내림
d = Math.random() //임의의 숫자 출력

//형변환
ParseInt("12.34") //정수 반환
ParseFloat("12") //부동 소숫점 숫자 반환

 

연산자

산술연산자는 숫자, 문자열에 사용 가능

비교연산자에서 조금 다른 것은 "==="은 데이터 타입 일치 여부도 확인한다는 점이다.

 

조건문

if (foo < bar) {
	document.writeln("bar is bigger than foo")
}
else if () {}
else {}

 

반복문

그냥 C 문법이랑 똑같다..

for(var i = 0; i < 10; i++){ }

while(num < 10) {}

do {
}while(i < 10)

 

Uploaded by Notion2Tistory v1.1.0