달리는 자동차

자바스크립트 개념,연산자 본문

JavaScript,JQUERY/JavaScript

자바스크립트 개념,연산자

@또또 2020. 8. 18. 13:30
1.개발의뢰  2.기획안 작성 3.시안디자인  4.프론트엔드
HTML
JAVASCRIPT
JQUERY

 5.백엔드
ASP
PHP
JSP

[자바스크립트란?]

사이트/ 모바일웹&앱/스마트TV 에 많이쓰이는 추세이다.

[선언문-자바스크립트를 나타낸다.]

//내부선언방식
<script>
	자바스크립트코드
</script>

//외부선언방식
<script src="자바스크립트 파일 경로"></script>

[코드 작성시 주의해야 할 점]

1.대소문자를 가려서 써야 한다.

2.실행문을 마치고는 세미콜론을 사용하여 마무리한다.

document.write("hello");

3.한줄에 한 문장씩만 작성한다.

4.문자형 데이터를 작성할 때 중첩 따옴표를 피해야한다.

("say \"Hello\""); ('say "Hello"'); 역슬러시를 사용하거나 작은따옴표를 사용한다. 

5.코드를 작성할 때는 중괄호, 소괄호 짝이 맞아야 한다.

변수(Variables) - 변하는 수를 저장하는 공간

[기본형식]

var 변수명 = 값;

ex)

var num = 100;

var str = "hello";

var bool = true;

자바스크립트 주석처리

<!DOCTYPE html>
<html>
<head>

  <meta charset="UTF-8">
  <title></title>
  
</head>
<body>
    <script>
    //한 줄 설명글인경우
    /*설명글이 여러줄인 경우 이렇게 처리한다.*/
    </script>
    
    <!--HTML 소스의 설명글은 이렇게 처리한다.-->
</body>
</html>

[연산자]

산술 연산자 : (+ - * /)

피연산자 : 10, 20 ,숫자

단항 연산자 : ++ ,  --

비교 연산자 : < , > , <= , >=, !=, ===(데이터 형까지 같은지 ), !==(데이터형까지 다른지)

--> 논리형 false. true로 반환된다.

삼항 조건 연산자 

논리형 데이터 ?  값1 : 값2 true면 값1 반환, false면 값 2반환

삼항연산자를 사용하여 입력값에 따라 짝수, 홀수 출력 

<!DOCTYPE html>
<html>
<head>

  <meta charset="UTF-8">
  <title>Document</title>
     <script>
    var num1 = 10;
    var num2 = 20;
    var num3 = 3;
    var num4 ="10";
    var result;
    
    var num = prompt("숫자를 입력하세요.","0");
    result = num % 2 ==0 ? "짝수" : "홀수";
    document.write(result,"<br>");
  
    </script>
</head>
<body>

    
    <!--HTML 소스의 설명글은 이렇게 처리한다.-->
</body>
</html>
  • 연산자 우선순위 
1. ()
2. 단항 연산자(--, ++, !)
3. 산술 연산자(*, /, %, +, -)
4. 비교 연산자(>, >=, <, <=, ==, ===, !==, !=)
5. 논리 연산자(&&,||)
6. 대입(복합 대입) 연산자(=, +=, -=, *=, /=, %=)

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

저작자표시

'JavaScript,JQUERY > JavaScript' 카테고리의 다른 글

자바스크립트 함수  (0) 2020.08.18
자바스크립트 open() / close()  (0) 2020.08.18
자바스크립트 객체  (0) 2020.08.18
자바스크립트 제어문  (0) 2020.08.18
자바 스크립트 개요  (0) 2020.08.14
'JavaScript,JQUERY/JavaScript' Related Articles more
Comments