HTML,CSS,JS
자바스크립트 기본 문법
로기221
2022. 12. 29. 11:14
728x90
반응형
변수(variable)란 ?
값이 여러번 달라질 수 있는 데이터이다.
상수(constant)란?
값을 한번 지정하면 바뀌지 않는 데이터이다.
변수 선언 규칙
- 변수 이름은 영어 문자와 언더스코어(_), 숫자를 사용한다.
- 자바스크립트는 영어 대소 문자를 구별하며 예약어는 변수 이름으로 쓸 수 없다.
- 여러 단어를 연결한 변수 이름은 중간에 대문자를 섞어 쓴다.
- 변수 이름은 의미 있게 작성해야 한다.
변수 선언하기
var 뒤에 변수 이름을 작성
var를 한번만 쓰고 여러 개의 변수를 한꺼번에 선언 할 수 있다.
값 할당
'=' 기호를 사용해서 변수에 값을 저장 할 수 있다.
자료형이란?
컴퓨터가 처리할 수 있는 자료의 형태를 말한다.
숫자형(number)
정수와 실수로 나누어 구분한다.
정수 : 소수점 없는 숫자.
실수 : 소수점이 있는 숫자.
문자열(string)
작은따옴표(' ')나 큰따옴표(" ")로 묶은 데이터를 의미 한다.
논리형(boolean)
- 참(true)이나 거짓(false)의 값을 표현하는 자료형이고, 불린 유형이라고도 한다.
- 조건을 확인해서 그 조건이 맞으면 true, 맞지 않으면 false의 결과값을 나타낸다.
undefined 유형
- 자료형이 정의되지 않았을 때의 데이터 상태를 나타낸다.
- 변수 선언만 하고 값이 할당되지 않은 자료형을 말한다.
null 유형
- 데이터 값이 유효하지 않은 상태를 말한다.
- 변수에 할당된 값이 유효하지 않다는 의미이다.
배열(array)
하나의 변수에 값을 여러 개 저장할 수 있다.
예)
|
배열을 사용하지 않은 경우
|
배열을 사용한 경우
|
|
var spring = "봄";
var summer = "여름";
var fall = "가을";
var winter = "겨울";
|
var season = ["봄","여름","가을","겨울"];
|
연산자
산술 연산자
수학 계산을 할 때 사용하는 연산자이다.
|
종류
|
설명
|
예시
|
|
+
|
두 피연산자의 값을 더한다.
|
c = a + b
|
|
-
|
첫 번째 피연산자 값에서 두 번째 피연산자 값을 뺀다.
|
c = a - b
|
|
*
|
두 피연산자의 값을 곱한다.
|
c = a * b
|
|
／
|
첫 번째 피연산자 값을 두 번째 피연산자 값으로 나눈다
|
c = a / b
|
|
%
|
첫 번째 피연산자 값을 두 번째 피연산자 값으로 나눈 나머지를 구한다.
|
c = a % b
|
|
++
|
피연산자를 1 증가시킨다
|
a++
|
|
--
|
피연산자를 1 감소시킨다.
|
b--
|
할당 연산자(대입 연산자)
연산자 오른쪽의 실행 결과를 왼쪽 변수에 할당하는 연산자로 대입연산자라고도 한다.
|
종류
|
설명
|
예시
|
|
=
|
연산자 오른쪽의 값을 왼쪽 변수에 할당한다.
|
y = x + 3
|
|
+=
|
y = y + x를 의미한다.
|
y += x
|
|
-=
|
y = y - x를 의미한다.
|
y -= x
|
|
*=
|
y = y * x를 의미한다.
|
y *= x
|
|
/=
|
y = y / x를 의미한다.
|
y /= x
|
|
%=
|
y = y % x를 의미한다.
|
y %= x
|
연결 연산자
둘 이상의 문자열을 합쳐서 하나의 문자열로 만드는 연산자이다. '+' 기호 사용
예)
document.write(birthYear + "년에 태어난 사람의 나이는" + age + "세 입니다");
비교 연산자(comparison operators)
피연산자 2개의 값을 비교해서 참이나 거짓으로 결괏값을 반환한다.
|
종류
|
설명
|
예시
|
|
|
조건식
|
결괏값
|
||
|
==
|
피연산자가 서로 같으면 true이다.
|
3 == "3"
|
true
|
|
===
|
피연산자도 같고 자료형도 같으면 true이다.
|
3 === "3"
|
false
|
|
!=
|
피연산자가 서로 같지 않으면 true이다.
|
3 != "3"
|
false
|
|
!==
|
피연산자가 같지 않거나 자료형이 같지 않으면 true이다.
|
3 !== "3"
|
true
|
|
<
|
왼쪽 피연산자가 오른쪽 피연산자보다 작으면 true이다.
|
3 < 4
|
true
|
|
<=
|
왼쪽 피연산자가 오른쪽 피연산자보다 작거나 같으면 true이다.
|
3 <= 4
|
true
|
|
>
|
왼쪽 피연산자가 오른쪽 피연산자보다 크면 true이다.
|
3 > 4
|
false
|
|
>=
|
왼쪽 피연산자가 오른쪽 피연산자보다 크거나 같으면 true이다.
|
3 >= 4
|
false
|
논리 연산자
불리언(boolean)연산자라고도 하고 true와 false를 처리하는 연산자이다.
조건을 처리할 때 사용한다.
|
종류
|
기호
|
설명
|
|
OR 연산자
|
| |
|
피연산자 중 하나만 true여도 true가 됩니다.
|
|
AND 연산자
|
&&
|
피연산자가 모두 true일 경우에만 true가 됩니다.
|
|
NOT연산자
|
!
|
피연산자의 반댓값을 지정합니다.
|
728x90
반응형