λ³Έλ¬Έ λ°”λ‘œκ°€κΈ°
JavaScript

[JavaScript] μ—°μ‚°μž μ’…λ₯˜ μ•Œμ•„λ³΄κΈ°

by 코딩곡책 2022. 7. 20.
λ°˜μ‘ν˜•

μžλ°”μŠ€ν¬λ¦½νŠΈ μ—°μ‚°μž

ν”„λ‘œκ·Έλž¨μ— ν•„μš”ν•œ μˆ˜μ‹μ„ λ§Œλ“€ λ•Œ ν•„μš”ν•œ 것이 λ°”λ‘œ μ—°μ‚°μžμž…λ‹ˆλ‹€.
μžλ°”μŠ€ν¬λ¦½νŠΈμ—μ„œ μ—°μ‚°μžμ—λŠ” μ‚°μˆ  μ—°μ‚°μž, λŒ€μž… μ—°μ‚°μž, 비ꡐ μ—°μ‚°μž, 논리 μ—°μ‚°μž 등이 μžˆμŠ΅λ‹ˆλ‹€.


01. μ‚°μˆ  μ—°μ‚°μž

사칙연산을 λ‹€λ£¨λŠ” μ •λ„μ˜ 기본적이고 μ•„μ£Ό 많이 μ“°μ΄λŠ” μ€‘μš”ν•œ μ—°μ‚°μžμž…λ‹ˆλ‹€.

μ‚°μˆ  μ—°μ‚°μž μ’…λ₯˜ 속성 μ„€λͺ…
+ λ”ν•˜κΈ° 연산을 ν•  λ•Œ μ‚¬μš©
λ¬Έμžμ™€ 문자, λ¬Έμžμ™€ λ³€μˆ˜ 등을 μ—°κ²°ν•  λ•Œ μ‚¬μš©
- λΉΌκΈ° 연산을 ν•  λ•Œ μ‚¬μš©
* κ³±ν•˜κΈ° 연산을 ν•  λ•Œ μ‚¬μš©
/ λͺ«μ„ ꡬ할 λ•Œ μ‚¬μš©
% λ‚˜λ¨Έμ§€ ꡬ할 λ•Œ μ‚¬μš©
++ 1μ”© 증가 μ‹œν‚¬ λ•Œ μ‚¬μš©
-- 1μ”© κ°μ†Œ μ‹œν‚¬ λ•Œ μ‚¬μš©

02. λŒ€μž… μ—°μ‚°μž

값을 λ³€μˆ˜μ— λŒ€μž…(μ €μž₯)ν•˜λŠ” λ°©μ‹μ˜ μ—°μ‚°μžλ‘œ, λŒ€μž…μ—°μ‚°μžμ—μ„œμ˜ '='λŠ” 'κ°™λ‹€'κ°€ μ•„λ‹Œ λŒ€μž…(μ €μž₯)함을 μ˜λ―Έν•©λ‹ˆλ‹€.

λŒ€μž… μ—°μ‚°μž μ’…λ₯˜ 속성 μ„€λͺ…
= num = 1은 μš°λ³€μ˜ 1값을 μ’Œλ³€μ˜ num λ³€μˆ˜μ— λŒ€μž…(μ €μž₯)
+= num += 2λŠ” num = num + 2와 κ°™μŒ
-= num -= 2λŠ” num = num - 2와 κ°™μŒ
*= num *= 2λŠ” num = num * 2와 κ°™μŒ
/= num /= 2λŠ” num = num / 2와 κ°™μŒ
%= num %= 2λŠ” num = num % 2와 κ°™μŒ

03. 비ꡐ μ—°μ‚°μž

값을 비ꡐ해 결과값을 'true(μ°Έ)'λ‚˜ 'false(거짓)'둜 좜λ ₯ν•˜λŠ” λ°©μ‹μ˜ μ—°μ‚°μžμž…λ‹ˆλ‹€.

비ꡐ μ—°μ‚°μž μ’…λ₯˜ 속성 μ„€λͺ…
> a > bκ°€ 참이면 true, 거짓이면 false
< a < bκ°€ 참이면 true, 거짓이면 false
>= a >= bκ°€ 참이면 true, 거짓이면 false
<= a <= bκ°€ 참이면 true, 거짓이면 false
== a == b, a와 bκ°€ κ°™μœΌλ©΄ true, 같지 μ•ŠμœΌλ©΄ false.
== μ—°μ‚°μžμ˜ 경우 데이터 νƒ€μž…μ€ λΉ„κ΅ν•˜μ§€ μ•ŠμŒ.
--> ex) 5 == '5'λŠ” trueκ°€ λ‚˜μ˜΄.
!= a != b, a와 bκ°€ 같지 μ•ŠμœΌλ©΄ true, κ°™μœΌλ©΄ false.
=== a === b, a와 bκ°€ κ°™κ³  데이터 νƒ€μž…λ„ κ°™μœΌλ©΄ true, 그렇지 μ•ŠμœΌλ©΄ false. --> ex) 5 == '5'λŠ” falseκ°€ λ‚˜μ˜΄.
!== a !== b, a와 bκ°€ 같지 μ•Šκ±°λ‚˜ 데이터 νƒ€μž…μ΄ 같지 μ•ŠμœΌλ©΄ true, κ°™μœΌλ©΄ false.

이상, 초과, μ΄ν•˜, λ―Έλ§Œμ€ μ•„λž˜μ™€ 같이 ν‘œν˜„ν•©λ‹ˆλ‹€.

이상 num >= 10
초과 num > 10
μ΄ν•˜ num <= 10
미만 num < 10

04. 논리 μ—°μ‚°μž

μžλ°”μŠ€ν¬λ¦½νŠΈμ—λŠ” 3μ’…λ₯˜μ˜ 논리 μ—°μ‚°μž '&& (AND)', '|| (OR)', '!(NOT)'κ°€ μžˆμŠ΅λ‹ˆλ‹€.

논리 μ—°μ‚°μž μ’…λ₯˜ μ„€λͺ…
&& (AND μ—°μ‚°μž) a && b, a와 b λͺ¨λ‘ 참일 λ•Œ trueκ°€ 됨.
--> true && true = true / true && false = false
--> false && true = false / false && false = false
|| (OR μ—°μ‚°μž) a || b, a와 b 쀑 ν•˜λ‚˜λ§Œ 참이면 trueκ°€ 됨.
--> true || true = true / true || false = true
--> false || true = true / false || false = false
! (NOT μ—°μ‚°μž) !a, aκ°€ trueλ©΄ false, falseλ©΄ true둜 λ°”κΏ”μ€Œ.
λ°˜μ‘ν˜•

λŒ“κΈ€


Reference Book

JavaScript
HTML
CSS
κ΄‘κ³  μ€€λΉ„μ€‘μž…λ‹ˆλ‹€.