20.12.03-9일차

🐣 Operators(연산자)

w3schools-연산자 기호 모음

🐣Arithmetic(산술 연산자)

🐾증감연산자
👉증가연산자: ++
자신의 변수에 +1을 적용한 값을 다시 저장한다
++변수: 전위형 증가연산자
변수++: 후위형 증가연산자
👉감소연산자: --
자신의 변수에 -1을 적용한 값을 다시 저장한다
--변수: 전위형 감소연산자
변수--: 후위형 감소연산자
(어디에 위치하는지에 따라 작동하는 성격이 달라진다)

🐾Exponentiation(지수화)

🐾연산자 우선순위 값

Operator Precedence Values - 맨 아래 보기

🐣 Assignment

🐣Data Types

🐾데이터타입(데이터형식) : 데이터의 종류
1)숫자 - number
표현>10, 20, -4, 3.14 등등
2)문자 - string
표현>"홍길동", '홍길동', "10.231"
3)논리형(boolean)
표현>true, false
4)배열(Array)
5)객체(Object)
cf. undefined형

<script>
//데이터 타입
var x = 10; // 숫자 (number)
var y = "홍길동"; //문자 (string)
var z = "10"; //문자 (string)

// typeof 명령어 : 데이터타입의 정보를 알려준다.
document.write(typeof x);
document.write(typeof y);
document.write(typeof z);
</script>
결과>>
number
string
string

🐾undefined

• 값이 없는 변수일 때
• 빈 값과 관련이 없다

🐾== / ===

<script>

var x = 10;
var y = 10;

document.write(x == y); //x의 변수값과 y변수의 값이 동일한지를 boolean값으로 결과
document.write(x === y); // 값도 비교하고, 타입도 비교. boolean값으로 결과

</script>

🐣 Functions

👇 ex 👇

1번)
  //함수정의
        function test(){
            document.write("함수를  학습하자<br>");
            document.write("빠듯하지만 자바예습은 조금은 하나요!<br>");
            document.write("눈팅하지말고 최대한 코딩을 하자.<br>");
        }
        //함수호출: 실행의 의미
        test();
        test();
    
     /*결과 
     함수를 학습하자
     빠듯하지만 자바예습은 조금은 하나요!
    눈팅하지말고 최대한 코딩을 하자.
    함수를 학습하자
    빠듯하지만 자바예습은 조금은 하나요!
    눈팅하지말고 최대한 코딩을 하자.
    */

2번)
//함수정의
        function test(title){
            document.write( title  + "를  학습하자<br>");           
        }
        //함수호출: 실행의 의미
        test('자바');
        test('자바스크립트');
        test('오라클DB');

        /* 결과
        자바를 학습하자
        자바스크립트를 학습하자
        오라클DB를 학습하자
        */

3번)
 //함수정의
        function hello(){
           return "안녕하세요";           
        }
        
        var msg = hello();
        document.write(msg);
        document.write("<br>")
        document.write(hello());

        /*결과
        안녕하세요
        안녕하세요
        */

 4번)
 //함수정의
        function hap(kor, eng, mat){
           return kor + eng + mat;           
        }

        function avg(kor, eng, mat){
            return (kor + eng + mat) / 3; //연산자 우선순위
        }

        var tot = hap(90, 75, 80);
        document.write("3과목의 합계?" + tot);
        document.write("<br>")
        document.write("3과목의 평균?" + avg(90, 75, 80));

        /*결과
        3과목의 합계?245
        3과목의 평균?81.66666666666667
        */

🐣 Objects

Ex)

<script>
       var family = {
           fName : "홍길동",
           mName : "춘향이",
           sName : "홍길돈",
           Dname : "홍길순"
           }; 

           document.write(" 아버지 이름: " + family.fName + ",");
           document.write(" 어머니 이름: " + family.mName + ",");
           document.write(" 딸 이름: " + family.Dname + ",");
           document.write(" 아들 이름: " + family.sName);

 //결과 아버지 이름: 홍길동, 어머니 이름: 춘향이, 딸 이름: 홍길순, 아들 이름: 홍길돈
    
    </script>

🐣참고

w3schools-JS