반응형
Notice
Recent Posts
Recent Comments
Link
«   2025/11   »
일 월 화 수 목 금 토
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30
Tags
more
Archives
Today
Total
관리 메뉴

비전공개미 개발노트

[JavaScript] Date, String, Math, 사용자 객체 본문

프론트엔드/JavaScript

[JavaScript] Date, String, Math, 사용자 객체

비전공개미 2022. 10. 5. 17:00
반응형
SMALL

Date

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Date객체</title>
</head>
<body>
    <script>
        let now = new Date();
        let year = now.getFullYear();
        let month = now.getMonth() + 1;
        let date = now.getDate();
        let hour = now.getHours();
        let min = now.getMinutes();
        let sec = now.getSeconds();

        document.write(year+"<br>");
        document.write(month+"<br>");
        document.write(date+"<br>");
        document.write(hour+"<br>");
        document.write(min+"<br>");
        document.write(sec+"<br>");

    </script>
</body>
</html>
Date객체

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    <link rel="stylesheet" href="/resources/demos/style.css">
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <title>testArray3.html</title>
</head>
<body>
    <div id="demo">
        
    </div>

    <script>
        var days = new Array("일","월","화","수","목","금","토");
        var date = new Date();
        document.write("오늘은 " 
        + date.getFullYear() + "년 " 
        + (date.getMonth()+1) + "월 " 
        + date.getDate() + " 일 " 
        + days[date.getDay()] + "요일 입니다.<br>");

        switch(date.getDay()){
            case 0:
                getday = "일";
                break;
            case 1:
                getday = "월";
                break;
            case 2:
                getday = "화";
                break;
            case 3:
                getday = "수";
                break;
            case 4:
                getday = "목";
                break;
            case 5:
                getday = "금";
                break;
            case 6:
                getday = "토";
                break;
            default:
                break;
        }
        document.write("오늘은 " 
        + date.getFullYear() + "년 " 
        + (date.getMonth()+1) + "월 " 
        + date.getDate() + " 일 " 
        + getday + "요일 입니다.<br>");

        document.write("현재시간은 " 
        + date.getHours() + "시 " 
        + date.getMinutes() + "분 " 
        + date.getSeconds() + "초 입니다.<br>");

    </script>
</body>
</html>
testArray3.html

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        let today = new Date();

        document.write("현재시간 : " + today.toLocaleString() + "<br>");
        document.write("현재시간 : " + today.toLocaleDateString() + "<br>");
        document.write("현재시간 : " + today.toLocaleTimeString() + "<br>");
    </script>
</body>
</html>
Document

 

 

 

 

 

String

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>String객체</title>
</head>
<body>
    <script>
        let name = new String("javascript");
        let name2 = "javascript";
        let call = "hello";
        let callLen = call.length;
        let call2 = "hello script";
        let call2Len = call2.length;
        let call3 = " Hi ";

        document.write(name+"<br>");
        document.write(name2+"<br>"); //동일한 내용 출력
        document.write(callLen+"<br>");
        document.write(call2Len+"<br>"); //length는 띄어쓰기까지 갯수로 포함
        document.write(call[0]+"<br>");
        document.write(call[1]+"<br>"); //문자열 순서대로 접근가능
        document.write(call.substring(0,2)+"<br>"); //문자열쪼개기
        document.write(call3.length+"<br>"); //Hi앞뒤의 공백까지 포함
        document.write(call3.trim()+"<br>"); //Hi앞뒤의 공백제거
    </script>
</body>
</html>
String객체

 

 

 

 

Math

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Math객체</title>
</head>
<body>
    <script>
        //1~100까지의 랜덤한 숫자를 출력
        for(let i=0; i<20; i++){
            let r = Math.random()*100;
            let r2 = Math.ceil(r);
            //ceil(올림), floor(내림), round(반올림)

            document.write(r2+"<br>");
        }
    </script>
</body>
</html>
Math객체

 

 

 

 

사용자

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>사용자객체</title>
</head>
<body>
    <script>
        let korea = new Object();
        korea.name = "Republic of Korea";
        korea.len = 5500;
        korea.culture = "kpop";

        document.write(korea.name + "<br>");
        document.write(korea.len + "<br>");
        document.write(korea.culture);
    </script>
</body>
</html>
사용자객체
반응형
LIST
저작자표시 (새창열림)

'프론트엔드 > JavaScript' 카테고리의 다른 글

[JavaScript/jQuery] rgb색상을 랜덤하게 받아서 박스만들기  (0) 2022.10.06
[JavaScript] 배열을 불러와 박스색상 변경하기  (0) 2022.10.06
[JavaScript] 배열선언, 배열출력, $.each  (1) 2022.10.05
[JavaScript] prompt창으로 입력, switch문 활용  (0) 2022.10.05
자바스크립트 return false일때 입력값 새로고침 안되게  (0) 2022.10.04
'프론트엔드/JavaScript' Related Articles more
Comments