[JavaScript] 변수, 연산자

아임펭·2024년 5월 22일

JavaScript

목록 보기
1/6

자바스크립트는 웹페이지를 동적으로 만들어 주는 프로그래밍언어입니다.
자바스크립트는 인터프리터 방식으로 작동합니다.

1. 변수와 상수

변수와 상수는 데이터를 저장할 수 있는 공간입니다.
🔸 변수 : 값이 변경할 가능성이 있는 경우
let 변수명 = 값;

✔ 변수 선언 시 var를 사용하기도 하지만, ES6부터는 let을 사용하는 것을 지양합니다.

🔸 상수 : 값이 변경되지 않는 경우
const 상수명 = 값;

// 변수와 상수 선언
let a = 10;
const b = 'Hello';

📌 식별자
변수명은 반드시 식별자의 일반 문법을 준수해야 합니다.
▪ 유니코드 문자, 숫자, _(언더바), $ 문자로 구성
▪ 숫자는 첫 번째 문자가 될 수 없음
▪ $ 으로 시작하는 식별자명은 보통 도구나 라이브러리에서 사용
▪ 띄어쓰기 불가
▪ 카멜법(Camel case) 사용

1) 변수

📌 변수 선언

// 변수 선언
let num = 10;
let str = "javascript";
let temp = true;

// 여러 개 변수 선언
let num, str, temp;
num = 20;
str = "html";
temp = false;

✔ 이전에 선언되어 있었던 변수에 새로운 데이터가 저장되면 기존 데이터는 사라집니다.

2) 상수

상수는 재선언, 덮어 쓰기가 불가능한 엄격한 변수 선언 방식입니다.

const val1 = "const 변수";
val1 = "const 수정"; // 불가능, 오류

📌 const로 정의한 변수를 변경할 수 있는 경우
문자열, 수치 등 프리미티브 타입(primitive type)으로 선언된 상수는 변경이 불가능합니다.
객체나 배열 등 오브젝트 타입(object type)의 데이터들은 상수로 선언하였어도 값 변경이 가능합니다.

<프리미티브 타입>

타입
논리값 Booleantrue / false
수치 Number1, 1.2
문자열 String"문자"
undefined미정의
null값 없음
Symebol유일하면 바꿀 수 없는 값

<오브젝트 타입>
객체, 배열, 함수 등 프리미티브 타입 이외의 것

// const를 이용해 정의한 객체의 속성값을 변경, 추가 하는 예
// 객체 정의
const obj1 = {
            name: '길동',
            age: 24
        };
console.log(obj1);

// 속성값 변경
obj1.name = 'tom';
console.log(obj1);

// 속성 추가
obj1.address = 'daegu';
console.log(obj1);

2. 연산자

종류연산자
숫자 연산자+, -, *, /, %
비교 연산자===, !==, >, <, >=, <=
불 부정 연산자!
불 논리합 연산자&&(and)
불 논리곱 연산자II(or)
복합 대입 연산자+=, -=, *=, /=, %=
증감 연산자++, --

✔ 비교연산자
==, != 은 값이 같은지를 비교합니다.
===, !== 은 값과 자료형이 같은지를 비교합니다.

profile
I'm peng

0개의 댓글