열정 실천

[JavaScript] JS 완전 기초 문법 한 방에 끝내기!! 본문

개발 공부/JS

[JavaScript] JS 완전 기초 문법 한 방에 끝내기!!

구운오니 2023. 5. 9. 14:45

📢 변수 선언 

 

상수 

const a = 1;

변수

let b = 2;

 

 

 

📢 데이터 타입

자바에서는 숫자면 int, double, long 다 타입을 지정해줘야하는데 여기서 변수는 다 let으로 지정 

 

1. 숫자 

2. string

3. boolean

4. null 

5. undefined

 

null은 개발자가 없다고 고의적으로 설정하는 값, undefined는 개발자가 설정하지 않았기 때문에 없는 값

 

var num = 10;
var st = "Hello";
var bool = true;
var n = null;
var unde;

 

 

 

📢 배열 

const arr = [1,2,3,"hi",false, null];

console.log(arr);

console.log(arr[3]) //4번째 요소만 출력

arr.push("new")  //맨 뒤에 새로운 요소 추가

 

 

 

📢 조건문 

 

[IF문]

 

if문

if (조건) {
   코드
}

if-else문

if (조건) {
	코드 
}else {
 	코드
}

if-else if문

if (조건) {
	코드 
}else if (조건) {
 	코드
}

 

 

[switch/case 문]

const sport = 'badminton';

switch (sport) {
  case 'badminton':
    console.log('배드민턴!');
    break;
  case 'pingpong':
    console.log('탁구!');
    break;
  case 'baseball':
    console.log('야구!');
    break;
  default:
    console.log('쉬자...');
}

 

 

📢 object  (구조체)

 

하나의 객체에 여러 변수와 상수를 가지고 있음 

 

▶선언

const player = {
	name : "guun",
    level : 24,
    points : 10,
    alive : true,
 }

▶GET

console.log(player.name);
console.log(player["name"]);

▶재정의

player.point = 14;

▶변수 추가

player.pet = "min";

 

 

 

 

📢 함수

function 키워드 사용

function plusOne(a){
     return(a+1);
}

 

객체 안에 함수 넣기 

const player = {
    name : "oni",
    sayHello : function(parameters) {
    	codes..
    }
}