javascript 문법

*자투리지식: var은 중복 선언해도 에러가 나타나지 않으므로 가급적 let, const를 사용하도록 함

 

함수 정의 방법 1.

function func_name() {
	//실행 코드
}

 

함수 정의 방법 2.

let a = function() {
	//실행 코드
}

 

함수 정의 방법 3. - 최신방식

let a = () => {
	//실행 코드
}

 

딕셔너리 키와 값을 빠르게 꺼내기 - 비구조 할당

//객체 
let blog = {
	owner : "noah",
	url : "noahlogs.tistory.com",
	getPost() { //함수도 딕셔너리에 넣을 수 있음
		console.log("ES6 문법 정리"); 
	}
};

//기존 할당 방식
let owner = blog.owner //또는 let owner = blog["owner"]
let getPost = blog.getPost()

//비구조 할당 방식
let { owner, getPost } = blog;       
//각각 blog 객체의 owner , getPost() 의 데이터가 할당
//blog의 키 값과 이름이 같아야 함.(owner 대신 owner2 불가)



//함수에서 비구조 할당 방식으로 전달된 딕셔너리 값 꺼내기
let blogFunction = ({owner,url,getPost}) => {
	console.log(owner)
	console.log(url)
	console.log(getPost())
}

blogFunction(blog)

 

딕셔너리를 짧게 만들기 - 객체 리터럴

[기존 방식]
var name = "이름";
var job = "developer";

var user = {
  name: name,
  job: job
}

console.log(user);
//{name: "이름", job: "developer"}

[최신 방식]
var name = "이름";
var job = "developer";

var user = {
  name,
  job
}

console.log(user);
//{name: "이름", job: "developer"}

 

반복문과 map

//기본 for문
let numbers = [1,2,3,4,5,6,7];
for(let i=0; i<numbers.length; i++){
	console.log(numbers[i]);
}

//map 사용
let numbers = [1,2,3,4,5,6,7];

numbers.map((value,i) => { 
	console.log(value,i) 
})

//또는

numbers.map(function(value,i) {
    console.log(value,i)
})
--결과--
//1 0
//2 1
//3 2
//4 3
//5 4
//6 5
//7 6