자바스크립트의 기본문법

JavaScript의 자료형
- 모든 프로그래밍 언어에는 내장된 자료구조가 존재한다
- JavaScript는 변수를 선언할때 자료형을 정하지않는다.
값을 대입하는 순간 동적으로 변수의 자료형이 정해진다

 

기초자료형
String: 문자형으로 문자열를 뜻한다
Number: 숫자형으로 정수,실수형,NaN 값이 있다
Boolean: 논리형으로 true, false값이 있다
Null : 빈 값
Undefined: 값을 할당하지 않은 변수가 가지는 값

객제자료형
- 주소를 가지는 참조타입이다
객체: 여러 데이터를 담을수 있다. Json구조의 키와 쌍으로 이루어져있다
배열: 여러 데이터로 담을수 있다. 서로 다른 자료형의 데이터를 담을 수 있다.

 

변수 선언
- ES6 이전에는 var를 사용했다
- ES6 이후로는 const, let을 사용한다

var대신 const,let를 사용하는 이유
- var는 변수가 선언되기 전에 사용이되는 문제점이 있다
- const,let은 블록스코프{}이고, var는 함수스코프{}이다

 

const - 한번 값을 대입한 뒤로는 수정 할 수 없다

let-계속 수정할수 있다
* var를 사용하면 안되는것은 아니고, 권고사항이다

 

var 사용 시 선언하지 않은 상태에서 사용이 가능하게되는 문제점 발생
console.log(puppy); // undefined
var puppy = "cute";

 

 비교연산자
console.log(1 == "1"); // 값만 비교
console.log(1 === "1"); //값과 자료형까지 비교

type 연산자
console.log(typeof '42') // 'string'
console.log(typeof 42) // 'number'
console.log(typeof 1.123) // 'number'
console.log(typeof true) // 'boolean'
console.log(typeof function(){}) // 'function'
console.log(typeof undefined) // 'undefined'
console.log(typeof null) // 'object'
console.log(typeof {}) // 'object'
console.log(typeof []) // 'object'

 

객체와 프로퍼티
const country = {
name: "Korea",
population: "5178579",
get_name: function () { //함수
return this.name;
}
};

• 키와 쌍으로 이루어진 값의 모음으로 JSON구조이다
• 값뿐만이 아니라 함수도 넣을 수 있다

 

객체 배열 생성

const objArr = []; -> 배열선언
objArr.push({ name: 'Americano' }); ->요소추가
objArr.push({ name: "Latte" });
console.log(objArr); ->배열출력

 

함수 선언 방법1

function 함수명(매개변수1, 매개변수2) {
return 리턴값;
}

함수 선언 방법2

const 함수명 = (매개변수1,2) => {
return 결과;
}

함수 선언 방법3

const 함수명 = (매개변수 1,2) => 결과;