자바 스크립트 기초문법 (변수, 자료구조)

2025. 10. 17. 16:31·Stack/JavaScript

변수  (variable) 

const (상수타입):

바뀌지않는 변수, 초기 선언에 초기화로 값을 지정해두어야함

const name = "kim";


let :

변경 가능 한변수 한번 선언후 같은 변수내에 값을 변경할수있다, 초기 선언 할필요가 없다

let age = 20;
age = 21;


var:

자바 스크립트의 오래된 변수 타입, 어디서든 변경 가능하며 변수값을 보호 받지 못해 위의 두 변수가 생겼음, 가급적 최신 코드에선 위의 두변수 사용을 권장

var money = 30
money = 21

 

Java 와의 차이점:

변수에서 숫자(Interger,flot,long) 타입 / 문자열 등의 타입 구분을 정확히 명시하지않아도됨

const a =5;
const b =2 ;
console.log(5/2)

일때 넘버 타입으로 변수 const 가 설정되며 포괄적 2.5를 연산함

 

자료구조

arrays(배열)

const 변수 타입에 [] 사용

const days = ["mon", "tue", "wed", "thu", "sat", "sun"];
const anything =[1,"non",false, null , 5]


타입 구분을 하지않고 모든 자료형을 배열에 포함가능
push(추가할 변수) 메서드를 사용하면 인덱스 마지막에 변수를 삽입한다

const days = ["mon", "tue", "wed", "thu", "sat", "sun"];
days.push("fri")

 

object(객체)

변수타입에 중괄호를 이용해 사용한다 {}

const player = {
  name : "kim",
  age: 21,
  level :5
};

이렇게 정의된 객체를 다음과 같이 호출가능하다

console.log(player.name)
console.log(player.level)


자바의 class 와 같은 개념인데 각각의 데이터에 자료형은 역시 없다.

추가로, 객체가 const 지만 객체의 변수값은 초기화가 가능하다

const player = {
  name : "kim",
  age: 21,
  level :5
};

player.level= 6

console.log(player.name)//"kim"
console.log(player.level) //6

 

또한 변수를 추가하는것도 가능하다

const player = {
  name : "kim",
  age: 21,
  level :5
};

player.level= 6
player.country ="korea"
console.log(player.name)//"kim"
console.log(player.level) //6
console.log(player) //{name: 'kim', age: 21, level: 6, country: 'korea'}

자료형 변수 파싱법

const value = "15";

console.log(age, parseInt(value))

 

조건문은 문법이 자바랑 같음

저작자표시 (새창열림)

'Stack > JavaScript' 카테고리의 다른 글

React 입문: 컴포넌트, Props, CSS 스타일링 완전 정복  (0) 2026.04.03
'Stack/JavaScript' 카테고리의 다른 글
  • React 입문: 컴포넌트, Props, CSS 스타일링 완전 정복
김코딩개발자
김코딩개발자
  • 김코딩개발자
    김코딩의 개발로그
    김코딩개발자
  • 전체
    오늘
    어제
    • 분류 전체보기 (65)
      • 개발이야기 (16)
        • 개발로그 (5)
        • 항해일지 (11)
      • Develop (0)
      • Life (0)
      • Stack (29)
        • C++ (6)
        • Ext.js (1)
        • Spring (18)
        • Java (2)
        • JavaScript (2)
      • TechTrend (0)
      • TechKnowledge (20)
        • CS관련지식 (9)
        • 알고리즘 (9)
        • 네트워크 (2)
  • 블로그 메뉴

    • 홈
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    개발일기
    프로그래머스 멀리뛰기
    데이터 마이그레이션
    올바른 괄호
    lan 통신
    동적계획법
    Spring AOP
    시간복잡도
    개발입문
    응답지연값
    java Stack
    프로그래머스 LV2
    괄호문제
    괄호 회전하기
    데이터 용량단위
    직장인
    테스트주도개발
    osi 2계층
    DB원리
    지연수치표
    ip통신
    관점지향프로그래밍
    OSI 3계층
    자바스크립트입문
    프로그래머스
    서비스 경험
    서비스경험
    대규모 트래픽
    SpringBoot DB
    네트워크
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.6
김코딩개발자
자바 스크립트 기초문법 (변수, 자료구조)
상단으로

티스토리툴바