💾 변수(Valiable)
🚀 변수란?
데이터(값) 하나를 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름을 말한다.
🎤 선언하기
🙋🏻♀️ var, let, const
변수의 선언은 var, let, const 로 할 수 있다.
초기에는 var로 변수 선언을 했었지만 ES6에서는 const로 선언을 할것을 권장한다.
왜냐하면 var로 변수를 선언했을 때 여러가지 문제가 생기기 때문이다.(자바스크립트 호이스팅)
👉🏻 변수를 바뀌어야할 좋은 이유가 없다면 const, let
| 형태 | 문법 |
|---|
| 변수선언 | var 변수명; |
| 값할당 | 변수명 = 값; |
| 변수초기화 | var 변수명 = 값; |
🎤 데이터 유형
| 데이터 | center | 예시 |
|---|
| 숫자 | 숫자를 그냥 작성하는 형태 | var num = 10; |
| 문자열 | 따옴표 내에 작성하는 문자형태 | var str = '10'; |
| Boolean | true 혹은 false의 결과값을 갖는 데이터나 수식 | var bool = true; var bool 10>3; |
| 함수 | 함수데이터 유형 | var fx = frompt('값입력','값'); |
| 객체 | 객체데이터 유형 | var obj = { name:'앤쨩', age:20 }; |
| undefined | 값을 할당받지 못한 데이터 유형 | var anne; |
🧾 연산자
☝🏻산술연산자(Numeric operators)
| 연산자 | 설명 |
|---|
| + | 더하기 연산자 |
| - | 빼기 연산자 |
| * | 곱하기 연산자 |
| / | 나누기 연산자 |
| % | 나머지 연산자 |
✌🏻비교연산자(Comparison operators)
| 연산자 | 설명 |
|---|
| > | 좌변이 우변보다 크다 |
| < | 좌변이 우변보다 작다 |
| >= | 좌변이 우변보다 크거나 같다 |
| <= | 좌변이 우변보다 작거나 같다 |
| == | 좌변과 우변이 같다 |
| != | 좌변과 우변이 같지않다 다만, 데이터유형이 달라도 값이 다르면 true를 도출한다 |
| === | 좌변과 우변이 같다 데이터유형과 값이 전부 같아야 true를 도출한다 |
| !== | 좌변과 우변이 같지 않다 데이터유형 or 값 둘중 하나라도 다르면 true를 도출한다 |
🤟🏻대입연산자(Assignment operators)
| 연산자 | 예시 수식 | 설명 | 같은 수식 |
|---|
| = | a = 2 | 변수 a에 2라는 값을 대입 | a = 2 |
| += | a += 2 | 변수 a에 3라는 값을 대입 | a = a + 2 |
| -= | a -= 2 | 변수 a에 2라는 값을 더해서 대입 | a = a - 2 |
| *= | a *= 2 | 변수 a에 2라는 값을 빼서 대입 | a = a * 2 |
| /= | a /= 2 | 변수 a에 2라는 값을 나눠서 대입 | a = a / 2 |
| %= | a %= 2 | 변수 a에 2를 나눠 나머지를 구함 | a = a % 2 |
🖖🏻증감연산자(Increment and decrement operators)
| 연산자 | 설명 |
|---|
| ++변수명 | 해당 줄에서 변수 값이 1씩 증가 |
| 변수명++ | 코드의 다음 줄부터 변수 값이 1씩 증가 |
| --변수명 | 해당 줄에서 변수 값이 1씩 감소 |
| 변수명-- | 코드의 다음 줄부터 변수 값이 1씩 감소 |
🖐🏻논리연산자(Logical operators)
| 연산자 | 설명 |
|---|
| && | 모든조건이 맞으면 true, 그렇지 않으면 false를 반환 |
| || | 조건 중 하나라도 맞으면 true, 모든 조건이 맞지 않으면 false를 반환 |
| ! | 부정연산자, 값이 true면 false를, false면 true를 반환 |