출력문
document.write("Hello World");
내부에서 사칙연산이 가능하며, "<div>"와 같이 html 삽입이 가능
\"를 사용하여 따옴표 출력이 가능, 이외 기본은 동일함
print()와 동일
얼러트
alert('hi');
웹에서 일반적으로 볼 수 있는 간단한 alert dialog를 출력
상수
const INDEX_VALUE = 1;
일반적으로 대문자와 언더바 사용
절대로 변하지 않는 값
final, const, #define와 동일
변수
자바스크립트는 변수 타입을 지정 할 필요 없이 자동으로 형변환을 한다.
또한, 변수 타입을 지정할 수 없는 것이기도 하다.
타입을 정의할 수 있는 형태가 몇 가지 있다.
var tempValue;
let tempValue; 등
타입을 지정하든 하지 않든 dynamic이다.
타입 지정과 미 지정의 차이점은 함수 부분에서 다룬다.
개행문자
"<br />"
흔히 사용하는 \n은 사용하지 않는다.
변수 타입 알아내기
tyoeof(tempValue);
문자열의 형태로 변수 타입이 반환된다.
type to int
parseInt(tempValue);
문자열에 숫자가 없다면 NaN이 반환되며 숫자가 존재한다면 숫자가 number로 반환된다.
type to number
number(tempValue);
문자열에 숫자를 제외한 문자가 존재한다면 NaN을, 순수하게 숫자만 있다면 숫자를 반환한다.
type to String
String(tempValue);
변수 타입을 문자열로 변환한다.
type to boolean
Boolean(tempValue);
변수가 0, null, undefined, 공백이면 false를, 아니라면 true를 반환
"false"라도 나열한 false 조건이 아니므로 true가 반환
날짜
date = new Date();
현재에 관한 모든 정보를 가짐
date.getFullYear();
연도만 반환
data.getMonth()
월을 반환, 0부터 반환하므로 0~11 사이의 값이 반환
data.getDate();
일을 반환
data.getDay();
요일을 반환, 일~토의 값을 0~6 사이의 값으로 반환
data.getHours();
시간을 반환, 24시간 기준
data.getMinutes();
분을 반환
data.getSeconds();
초를 반환
data.getMilliseconds();
밀리초를 반환
배열
array = new Array();
array = [1,2,3,4];
document.write(array[1]);
배열 정의 형태는 Dart와 유사하다.
add an element to end
array.push(5);맨 끝에 데이터를 추가한다.
add an element to start
array.unshift(0);맨 앞에 데이터를 추가한다.
함수
function fx() { }
자바스크립트의 함수에도 global과 local 변수가 존재한다.특이한점은 local에서 변수 타입을 var로 선언시 지역변수가 되고, 변수 타입을 지정하지 않으면한번 호출된 이후 global하게 유지되며 함수의 바깥에서 사용할 수 있다.
'React > JavaScript' 카테고리의 다른 글
[JavaScript] 비동기 처리 (0) | 2022.06.06 |
---|---|
[JavaScript] This 포인터 이해하기 (0) | 2022.06.02 |
[JavaScript] 호이스팅과 클로저 (2) | 2022.05.06 |
[JavaScript] 실행 Context와 Scope (0) | 2022.05.06 |
[JavaScript] 자바스크립트의 구성 (0) | 2022.05.04 |