[Javascript] 연산자

CloudCoke
|2022. 10. 28. 22:51

연산자


산술 연산자

+ - * / %

console.log(1 + 1); // 2

console.log(2 - 1); // 1

console.log(3 * 3); // 9

console.log(4 / 2); // 2

console.log(5 % 2); // 5를 2로 나눈후 나머지 값 1

대입 연산자

=
변수 선언이나 값 할당 시 사용한다.
대입 연산자 우측에 있는 값을 왼쪽에 넣는다고 볼 수 있다.

let num = 1;
const num2 = 2;

단항 산술 연산자

++ --

// 선반영
let num = 1;
console.log(++num); // 2
console.log(num); // 2
// 후반영
let num = 1;
console.log(num++); // 1
console.log(num); // 2
// 선반영
let num = 7;
console.log(--num); // 6
console.log(num); // 6
// 후반영
let num = 7;
console.log(num--); // 7
console.log(num); // 6

비교 연산자

== != < <= > >= : 값만 비교
=== !== : 값과 타입까지 비교

console.log(1 == 1); // true
console.log(1 != 1); // false
console.log(2 < 1); // false
console.log(2 <= 1); // false
console.log(2 > 1); // true
console.log(2 >= 1); // true
console.log(1 == true) // true
console.log(1 === true) // false
console.log(1 != false) // true
console.log(1 !== false) // true
console.log(0 != false) // false
console.log(0 !== false) // true
console.log(1 == "1"); // true
console.log(1 === "1") // false

논리 연산자

|| : or 연산자

// true || true => true
// true || false => true
// false || false => true
// false || false => false
let num10 = 10;
let num5 = 5;

if (num10 > 5 || num5 > 10) {
    console.log("True")
} else {
    console.log("False")
}
// True

&& : and 연산자

// true && true => true
// true && false => false
// false && true => false
// false && false => false
let num10 = 10;
let num5 = 5;

if (num10 > 5 && num5 > 10) {
    console.log("True")    
} else {
    console.log("False")
}
// False

! : not 연산자

// !(true) => false
// !(false) => true

console.log(!true); // false
console.log(!false); // true

'Javascript' 카테고리의 다른 글

[Javascript] 형 변환  (0) 2022.11.03
[Javascript] 다양한 함수 선언 방법  (0) 2022.11.02
[Javascript] 함수  (0) 2022.11.01
[Javascript] 변수와 상수  (0) 2022.10.31
[Javascript] Javascript란?  (0) 2022.10.28

[Javascript] Javascript란?

CloudCoke
|2022. 10. 28. 14:16
  • 인터프리터 언어이다.
  • Frontend와 Backend를 같이 할 수 있는 언어이다.
  • 브라우저에서 동적 요소를 프로그래밍하는 언어이다.

컴파일 언어

  • 번역기가 번역을 하듯이 내가 작성한 언어를 컴파일러가 기계어로 변환을 해줌
  • 100줄의 코드가 한번에 변환됨

인터프리터 언어 or 스크립트 언어

  • 기계가 알아서 코드를 해석해서 결과물까지 도출해 준다
  • 한줄을 실행할 때마다 변환됨

Java vs Javascirpt

  • java는 객체지향 언어 ( c++)
  • javascript는 prototype 언어
  • python은 함수형 언어

Javascript 장점

  • 타입 지정이 없음
  • 처음 배우는 사람에게 좋음

Javascript 사용하는 방법

  • 브라우저 자체 console 창 이용

브라우저 자체 console 창
브라우저 자체 console 창에서 Hello World! 출력

  • html 파일에서 작성
<!-- index.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>
    <script>
      console.log("hello world!");
    </script>
  </head>
  <body></body>
</html>

<!-- script 부분에 작성 -->

  • html 파일에서 javascript 파일 연결해서 작성
<!-- index.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>
    <script src="public/js/index.js"></script>
  </head>
  <body></body>
</html>
// index.js
console.log('Hi')

 

'Javascript' 카테고리의 다른 글

[Javascript] 형 변환  (0) 2022.11.03
[Javascript] 다양한 함수 선언 방법  (0) 2022.11.02
[Javascript] 함수  (0) 2022.11.01
[Javascript] 변수와 상수  (0) 2022.10.31
[Javascript] 연산자  (2) 2022.10.28