본문 바로가기

아래로 스크롤 해주세요!

My Reference Book

-

제가 배웠던것을 한곳에 정리해보았어요!

HTML

HTML 태그 톺아보기

HTML

자세히보기

CSS

CSS 속성 톺아보기

CSS

자세히보기

JAVASCRIPT

JS 실행문 톺아보기

JAVASCRIPT

자세히보기

최신댓글

Javascript

연산자

by C0Di 2022. 7. 20.
728x90

자바스크립트 연산자

프로그램에 필요한 수식을 만들 때 필요한 것이 연산자이며, 자바스크립트에서 연산자에는 산술연산자, 대입연산자, 논리연산자 등이 있다.


산술 연산자

산술 연산자는 사칙연산을 다루는 기본적이면서도 가장 많이 사용되는 연산자입니다.

산술 연산자 종류 속성 설명
+ 더하기 연산을 할 때 사용합니다.
문자와 문자, 문자와 변수 등을 연결할 때 사용합니다.
- 빼기 연산을 할 때 사용합니다.
* 곱하기 연산을 할 때 사용합니다.
/ 몫을 구할 때 사용합니다.
% 나머지를 구할 때 사용 합니다.
++ 1씩 증가시킬 때 사용합니다.
-- 1씩 감소시킬 때 사용합니다.

대입 연산자

대입연산자 '='는 '같다'의 의미가 아니라 변수에 대입(저장)을 의미합니다.

대입 연산자 종류 설명
= 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와 같습니다.

비교 연산자

 

산술 연산자 종류 설명
> 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가 됩니다.

논리 연산자

 

논리 연산자 종류 설명
&& (AND 연산자) a&&b, a와 b 모두 true(참)일 때 true(참)이 됩니다.
->true&&true = true true&&false = false
->false&&true = false false&&false = true
|| (OR 연산자) a||b, a와 b중 하나만 true(참)이면 true(참)이 됩니다.
->true||true = true true||false = true
->false||true = true false||false = false
! (NOT 연산자) !a, a가 true이면 false, false이면 true로 바꾸어 줍니다.
728x90
반응형

'Javascript' 카테고리의 다른 글

함수  (6) 2022.07.26
데이터 타입  (6) 2022.07.26
조건문  (5) 2022.07.26
for문 이해하기  (14) 2022.07.21
기본 규칙  (16) 2022.07.20

댓글

#HASH_TAGS

-

1

ImageSlideEffect 메서드 이건 또 뭐람 테스트 내일은 즐거운 월요일 오징어 1Kg 당 3000원 HTML 오늘 조업 마감했습니다. JQuery 멈추지 않는 ' j ' 시리-즈 오늘은 내가바로 오징어! 울적하니 꽃을 달아봤습니다 Method 필터선택자 공부 숙제가 다양해서 너무 좋아요 오늘도 웹표준은.. 슬라이드 결과 : 월요일 오징어 두마리 포획 완료 다크모드 선택해주세요 scroll-snap-align 제이쿼리 코드 오징어 한마리 수확 완료! 화사한가요? 테스트테스트 scroll-snap-type 코딩