JS 튜토리얼

제이에스 홈 JS 소개 JS 어디로 JS 출력 JS 문 JS 구문 JS 코멘트 JS 변수 제이에스렛 JS 상수 JS 연산자 JS 산술 JS 할당 JS 데이터 유형 JS 함수 JS 객체 JS 이벤트 JS 문자열 JS 문자열 메서드 JS 문자열 검색 JS 문자열 템플릿 JS 번호 JS 숫자 메서드 JS 배열 JS 배열 메서드 JS 배열 정렬 JS 배열 반복 JS 배열 상수 JS 날짜 JS 날짜 형식 JS 날짜 가져오기 메서드 JS 날짜 설정 방법 JS 수학 JS 랜덤 JS 부울 JS 비교 JS 조건 JS 스위치 JS 루프 In에 대한 JS 루프 의 JS 루프 JS 루프 동안 JS 브레이크 JS 이터러블 JS 세트 JS 맵 JS 유형 JS 유형 변환 JS 비트와이즈 JS 정규 표현식 JS 오류 JS 범위 JS 호이스팅 JS 엄격 모드 JS 이 키워드 JS 화살표 함수 JS 클래스 JS JSON JS 디버깅 JS 스타일 가이드 JS 모범 사례 JS 실수 JS 성능 JS 예약어

JS 버전

JS 버전 JS 2009(ES5) JS 2015(ES6) JS 2016 JS 2017 JS 2018 JS IE / 엣지 JS 연혁

JS 객체

객체 정의 개체 속성 개체 메서드 개체 표시 개체 접근자 객체 생성자 개체 프로토타입 객체 반복 가능 객체 세트 객체 맵 개체 참조

JS 함수

기능 정의 기능 매개변수 함수 호출 함수 호출 기능 적용 함수 클로저

JS 클래스

수업 소개 클래스 상속 클래스 정적

JS 비동기

JS 콜백 JS 비동기 JS 약속 JS 비동기/대기

JS HTML DOM

DOM 소개 DOM 메서드 DOM 문서 DOM 요소 DOM HTML DOM 양식 DOM CSS DOM 애니메이션 DOM 이벤트 DOM 이벤트 리스너 DOM 탐색 DOM 노드 DOM 컬렉션 DOM 노드 목록

JS 브라우저 BOM

JS 창 JS 화면 JS 위치 JS 연혁 JS 네비게이터 JS 팝업 경고 JS 타이밍 JS 쿠키

JS 웹 API

웹 API 소개 웹 양식 API 웹 기록 API 웹 스토리지 API 웹 작업자 API 웹 가져오기 API 웹 지리적 위치 API

JS 아약스

AJAX 소개 AJAX XMLHttp AJAX 요청 AJAX 응답 AJAX XML 파일 AJAX PHP AJAX ASP AJAX 데이터베이스 AJAX 애플리케이션 AJAX 예제

JS JSON

JSON 소개 JSON 구문 JSON 대 XML JSON 데이터 유형 JSON 구문 분석 JSON 문자열화 JSON 객체 JSON 배열 JSON 서버 JSON PHP JSON HTML JSON JSONP

JS 대 jQuery

jQuery 선택기 제이쿼리 HTML 제이쿼리 CSS 제이쿼리 DOM

JS 그래픽

JS 그래픽 JS 캔버스 JS 플로틀리 JS 차트.js JS 구글 차트 JS D3.js

JS 예제

JS 예제 JS HTML DOM JS HTML 입력 JS HTML 객체 JS HTML 이벤트 JS 브라우저 JS 편집기 JS 연습 JS 퀴즈 JS 인증서

JS 참조

자바스크립트 객체 HTML DOM 객체


자바스크립트 연산자


예시

변수에 값을 할당하고 함께 추가합니다.

let x = 5;         // assign the value 5 to x
let y = 2;         // assign the value 2 to y
let z = x + y;     // assign the value 7 to z (5 + 2)

할당 연산자( ) =변수에 값을 할당합니다.

과제

let x = 10;

더하기 연산자( )는 다음 +과 같이 숫자를 더합니다.

첨가

let x = 5;
let y = 2;
let z = x + y;

곱하기 연산자( ) *숫자를 곱합니다.

곱하기

let x = 5;
let y = 2;
let z = x * y;


JavaScript 산술 연산자

산술 연산자는 숫자에 대한 산술을 수행하는 데 사용됩니다.

Operator Description
+ Addition
- Subtraction
* Multiplication
** Exponentiation (ES2016)
/ Division
% Modulus (Division Remainder)
++ Increment
-- Decrement

산술 연산자는 JS 산술 장에서 자세히 설명합니다.


JavaScript 할당 연산자

할당 연산자는 JavaScript 변수에 값을 할당합니다.

Operator Example Same As
= x = y x = y
+= x += y x = x + y
-= x -= y x = x - y
*= x *= y x = x * y
/= x /= y x = x / y
%= x %= y x = x % y
**= x **= y x = x ** y

덧셈 대입 연산자( +=)는 변수에 값을 더합니다 .

과제

let x = 10;
x += 5;

할당 연산자는 JS 할당 장에 자세히 설명되어 있습니다.


JavaScript 문자열 연산자

+연산자를 사용하여 문자열을 추가(연결)할 수도 있습니다 .

예시

let text1 = "John";
let text2 = "Doe";
let text3 = text1 + " " + text2;

text3의 결과는 다음과 같습니다.

John Doe

+=할당 연산자를 사용하여 문자열을 추가(연결)할 수도 있습니다 .

예시

let text1 = "What a very ";
text1 += "nice day";

text1의 결과는 다음과 같습니다.

What a very nice day

문자열에 사용할 때 + 연산자를 연결 연산자라고 합니다.


문자열 및 숫자 추가

두 개의 숫자를 더하면 합계가 반환되지만 숫자와 문자열을 더하면 문자열이 반환됩니다.

예시

let x = 5 + 5;
let y = "5" + 5;
let z = "Hello" + 5;

x , yz 의 결과는 다음과 같습니다.

10
55
Hello5

숫자와 문자열을 더하면 결과는 문자열이 됩니다!


JavaScript 비교 연산자

Operator Description
== equal to
=== equal value and equal type
!= not equal
!== not equal value or not equal type
> greater than
< less than
>= greater than or equal to
<= less than or equal to
? ternary operator

비교 연산자는 JS 비교 장에 자세히 설명되어 있습니다.


JavaScript 논리 연산자

Operator Description
&& logical and
|| logical or
! logical not

논리 연산자는 JS 비교 장에 자세히 설명되어 있습니다.


JavaScript 유형 연산자

Operator Description
typeof Returns the type of a variable
instanceof Returns true if an object is an instance of an object type

유형 연산자는 JS 유형 변환 장에서 자세히 설명합니다.


JavaScript 비트 연산자

비트 연산자는 32비트 숫자에서 작동합니다.

연산의 모든 숫자 피연산자는 32비트 숫자로 변환됩니다. 결과는 JavaScript 번호로 다시 변환됩니다.
Operator Description Example Same as Result Decimal
& AND 5 & 1 0101 & 0001 0001  1
| OR 5 | 1 0101 | 0001 0101  5
~ NOT ~ 5  ~0101 1010  10
^ XOR 5 ^ 1 0101 ^ 0001 0100  4
<< left shift 5 << 1 0101 << 1 1010  10
>> right shift 5 >> 1 0101 >> 1 0010   2
>>> unsigned right shift 5 >>> 1 0101 >>> 1 0010   2

위의 예는 4비트의 부호 없는 예를 사용합니다. 그러나 JavaScript는 32비트 부호 있는 숫자를 사용합니다.
이 때문에 JavaScript에서 ~ 5는 10을 반환하지 않고 -6을 반환합니다.
~0000000000000000000000000000101 1111111111111111111111111111010을 반환합니다

Bitwise 연산자는 JS Bitwise 장에 자세히 설명되어 있습니다.


연습으로 자신을 테스트하십시오

연습:

를 곱하고 결과 105알립니다.

alert(10  5);