<JavaScript> 기본 문법 정리
- Developer/Web Frontend
- 2023. 8. 19.
반응형
변수와 상수: 여러 가지 정보 저장하기
JavaScript에서 정보를 저장할 때 변수와 상수를 사용합니다.
변수
변수는 변할 수 있는 데이터를 저장하는 공간입니다.
let name = "John";
let age = 30;
let
키워드를 사용하여 변수를 선언하고 초기값을 할당할 수 있습니다.
let age = 30;
age = 31; // age 변수의 값을 변경합니다.
상수
상수는 변하지 않는 데이터를 저장하는 공간입니다.
const pi = 3.141592;
const
키워드를 사용하여 상수를 선언하며 초기값을 할당해야 합니다. 한 번 선언한 상수의 값은 변경할 수 없습니다.
데이터 타입: 다양한 값 다루기
JavaScript에는 여러 가지 데이터 타입이 있습니다.
문자열(String)
텍스트 데이터를 저장하는 데 사용되는 데이터 타입입니다.
let word = "hello";
let sentence = 'This is a sentence.';
숫자(Number)
숫자 데이터를 저장하는 데 사용되는 데이터 타입입니다.
let integer = 10;
let float = 3.14;
불리언(Boolean)
참(true) 또는 거짓(false)의 값을 저장하는 데 사용되는 데이터 타입입니다.
let isTrue = true;
let isFalse = false;
객체(Object)
여러 가지 값을 묶어서 저장하는 데 사용되는 데이터 타입입니다.
let person = {
name: "John",
age: 30
};
배열(Array)
순서가 있는 값들을 저장하는 데 사용되는 데이터 타입입니다.
let fruits = ["apple", "banana", "cherry"];
연산자와 조건문: 데이터와 로직 다루기
연산자
JavaScript에서는 기본적인 산술, 비교, 논리 연산을 수행할 수 있습니다.
산술 연산자:
let sum = 10 + 20; // 더하기
let difference = 10 - 5; // 빼기
let product = 3 * 4; // 곱하기
let quotient = 12 / 3; // 나누기
let remainder = 10 % 3; // 나머지 구하기
비교 연산자:
let isEqual = 10 == 10; // 동등 연산자 (값 비교)
let isNotEqual = 10 != 5; // 부등 연산자 (값 비교)
let isStrictEqual = 10 === '10'; // 일치 연산자 (값과 자료형 비교)
let isStrictNotEqual = 10 !== '10'; // 불일치 연산자 (값과 자료형 비교)
let isGreater = 10 > 5; // 크기 비교 (True)
let isLess = 10 < 5; // 작음 비교 (False)
let isGreaterOrEqual = 10 >= 5; // 크거나 같음 비교 (True)
let isLessOrEqual = 10 <= 5; // 작거나 같음 비교 (False)
논리 연산자:
let andResult = true && false; // AND 연산자
let orResult = true || false; // OR 연산자
let notResult = !true; // NOT 연산자
조건문
조건에 따라 다른 코드를 실행할 수 있는 구문입니다.
if
, else if
, else
구문:
let num = 10;
if (num > 50) {
console.log("num은 50보다 큽니다.");
} else if (num > 20) {
console.log("num은 20보다 큽니다.");
} else {
console.log("num은 20 이하입니다.");
}
switch
구문:
let fruit = "apple";
switch (fruit) {
case "apple":
console.log("fruit은 apple입니다.");
break;
case "banana":
console.log("fruit은 banana입니다.");
break;
default:
console.log("fruit은 apple이나 banana가 아닙니다.");
}
이제 JavaScript 기초 문법에 대해서 간단하게 정리해봤습니다..
감사합니다..
'Developer > Web Frontend' 카테고리의 다른 글
<JavaScript> 함수 정의와 사용법 (0) | 2023.08.21 |
---|---|
<JavaScript> 비교 연산자와 조건문, 루프 (0) | 2023.08.20 |
<JavaScript> 변수, 상수, 데이터 타입 및 타입 변환 (0) | 2023.08.19 |
<JavaScript> Html, css, JavaScript 기초 (0) | 2023.07.26 |
API 기본 사용 가이드 (0) | 2023.07.08 |