[JavaScript] 자바스크립트 변수와 타입 (배열, 오브젝트)

JAVASCRIPT / 변수와 타입

 

JavaScript의 변수 특징과 종류

 

• 자바스크립트에는 데이터 타입은 있지만 변수 타입은 없다.
  
  
• var : 단순하게 변수를 선언 (생략가능)
  
  
• let : 변경이 허용된 변수를 선언
  
  
• const : 변경이 금지된 변수를 선언
  (변수값을 변경할 때 콘솔로그에 에러가 출력된다.)
  에러를 출력해주기 때문에 const를 잘 활용해야 한다.

 

변수 선언

var a = 10; // 기본 형태의 변수 
let b = 12;  // 값 변경 가능
const c = '13';  // 값 변경 불가
d = 'abcd'; // 생략

변수를 선언하고 값을 확인할 때 가장 간단하게 확인 가능 한 방법

console.log(값) : 웹브라우저의 개발자도구(f12)에서 console로 값을 확인할 수 있다.
window.alert(값) : 웹브라우저에서 코드가 실행될 때 (함수가아니라면 브라우저가 켜질 때) 경고창을 띄워준다.

console.log(a + b + c);
window.alert('a + b + c = ' + (a + b + c));

console.log

alert

---

JavaScript Object Type

• 자바스크립트에서도 Object형 데이터타입을 만들 수 있다.
  
  
• const로 선언하고 데이터 구조는 key : value로 구성가능하며 
  여러가지의 key : value를 넣을 수 있다. (자바의 map과 비슷함)

Object형 데이터 타입 선언

const obj ={
  name : '홍길동',
  age: 15,
}

출력

    console.log(obj['name'])
    console.log(obj['age'])

    console.log(obj.name)
    console.log(obj.age)

---

JavaScript 데이터 타입 확인

var a = 10;
let b = 12;
const c = '13';

const obj ={
  name : '홍길동',
  age: 15,
}

/* typeof 변수명으로 타입 확인 */
console.log('a : ' + typeof a)
console.log('b : ' + typeof b)
console.log('c : ' + typeof c)

console.log('out : ' + typeof out)

console.log('ojb : ' + typeof obj);
console.log('obj.name : ' + typeof obj.name);
console.log('obj.age : ' + typeof obj.age);