초보 개발자
[JavaScript] Date/Math/Array/반복문&제어문
부자는나야나
2020. 7. 4. 23:16
Date
var today = new Date(); //현재 날짜를 지정하는 객체를 생성
document.write(today.getFullYear()+"년"+"<br>");
document.write(today.getMonth()+"월"+"<br>");
document.write(today.getDate()+"일"+"<br>");
document.write(today.getDay() + "번째 요일" + "<br>");
document.write("<hr>");Math
Math는 수학관련 함수를 제공하는 객체이다
var maxVal = Math.max(1,7,3,5,2);
document.write("maxVal :" + maxVal + "<br>");
//Math.random()은 0~1 사이의 난수 발생시키는 함수
var ranNum = Math.ceil(Math.random()*6);
document.write("ranNum : " + ranNum);Array
Javascript의 배열은 java의 배열과 List를 합쳐놓은 형태이다. 배열 요소에 index로 접근하며, 크기가 정해져 있지않다!
배열의 중간 값이 비어있어도 되며, 이때 해당 데이터는 undefined 값이다.
//배열 생성
var arr = new Array();
var arr2 = new Array(10,"가",true);
var arr3 = [1,2,3,4,5];Array 함수(참조변수)
-
sort():오름차순 정렬
-
reverse() : 현재 배열을 역순으로 정렬
-
pop() : 배열의 마지막 인덱스 삭제
-
push() : 배열의 마지막 인덱스에 데이터 삽입
-
shift() : 배열의 첫 번째 인덱스 삭제
-
unshift() : 배열의 첫 번째 인덱스에 데이터 삽입
-
length : 배열 길이 반환
반복문, 제어문
Java 반복문, 제어문과 동일하게 사용한다. 아래와 같이 반복문 케이스에 따라 같은 class로 묶어 줄 수 있다.
Javascript에서는 0, false, null, unfined도 false값이며, 이를 제외한 나머지는 모두 true 이다!!
제어문을 활용하여, 특정 태그에만 속성을 지정해주기!
head 부분이 body 부분보다 먼저 실행되기 때문에 오류가 날 수 있다.
해결 방법은 <body> 영역에 script를 작성하거나, <body>의 요소가 모두 로딩되고 나서 script를 실행하도록 하는 코드를 추가해 주는 것이다. (아래와 같이)
window.onload = function(){ }