JS 기초 문법
비교 연산자
>, <
어느 한 쪽이 더 큰 값인지 비교하는 연산자.
>=, <=
어느 한 쪽이 더 크거나 같은지 비교하는 연산자.
==, !=
두 값이 같은지, 같지 않은지 비교하는 연산자.
논리 연산자
&&
AND 연산자.
각 조건이 모두 true일 때에만 true로 판단하는 연산자.
||
각 조건 중 하나라도 true이면 true로 판단하는 연산자.
조건문
if
if (조건) { 내용 };
조건이 true이면 내용을 실행.
else
if (조건) {
내용
} else {
내용
}if의 조건이 true가 아닐 때 실행되는 코드를 작성.
else-if
if (조건) {
내용
} else if (조건) {
내용
}if의 조건이 true가 아닐 때 또다른 조건을 주고 싶을 때 사용.
switch
switch (표현식 or 변수) {
case 값1:
문장;
break; // 없으면 다음 case이 문장 실행.
case 값2:
문장;
break;
default:
문장;
}특정 표현식이나 변수의 값에 따라 문장을 실행하고자 할 때 사용.
각 case의 끝에 break가 없으면 다음 case까지 넘어가서 그 내용을 실행.
각 case 중 어디에도 해당하는 값이 없을 때 default의 내용을 실행.
삼항연산자
조건 ? True일 때 실행될 문장 : False일 때 실행될 문장
하나의 if와 else로 이루어진 문장은 삼항 연산자로도 표현 가능.
반복문
for
for(초기화; 종료 조건; 증감) {
문장;
}초기화된 값을 종료 조건에 도달할 때까지 증감하는 반복문.
do-while
do { 문장 } while (조건)
특정 조건이 false일 때까지 실행.
조건 판별보다 문장 실행이 먼저이므로 반드시 한 번은 실행.
while
while (조건) { 문장 }
특정 조건이 false일 때까지 실행.
문장 실행보다 조건 판별이 먼저이므로 조건을 만족시키지 못할 경우, 한 번도 실행하지 않을 수 있음.
ES6
2015년에 출시된 ECMAScript 버전.
let과 const, backtick의 추가 등 개발자에게 다양한 편리성을 제공.
화살표 함수
기존의 함수 선언
function 키워드를 사용한 함수 선언.
function func_before() {
console.log("This is a function.");
}ES6의 함수 선언
화살표 함수를 사용한 함수 선언.
func_after = () => {
console.log("This is a function");
}비구조 할당
기존 할당 방식
특정 객체의 특정 키 값을 명시해 할당.
let person = {
name: "John",
age: 28,
getJob() {
console.log("Teacher");
}
}
let name = person.name;
let getJob = person.getJob();비구조 할당 방식
키 값과 변수명이 같으면 각 키 값을 명시하지 않고도 객체명만 이용해 할당 가능.
let { name, getJob } = person;
let personInfo = ({name, age, getJob}) => {
console.log(name);
console.log(age);
console.log(getJob());
}backtick(`)
기존의 문장
let str_before = "This is " + name + "'s string.\n"
문장 내 다른 변수를 끼워넣기 위해서는 + 연산을 사용.
문장에 줄바꿈을 추가하고 싶으면 \n을 사용.
backtick을 이용한 문장
let str_after = `This is ${name}'s string. `
${변수명}을 활용하여 연산자 없이 문장 내에 변수 사용 가능.
별도의 \n 없이도 enter를 사용해 줄바꿈 가능.
객체 리터럴 작성
기존의 객체
let name = "Adel";
let job = "Web designer";let user = {
name: name,
job: job
}ES6의 객체
let user = {
name,
job
}변수명만 작성하면 key:value 형태로 변수명: 변수의 값을 작성.
map
기존의 배열 순회
for 문을 사용한 순회. 배열의 길이를 반드시 알아야 작성 가능.
map을 사용한 배열 순회
arr.map((value, i) => { console.log(value, i); })
filter
기존의 조건에 따른 값 반환
조건문과 반복문을 사용해 특정 조건을 만족하는지 반복해서 확인.
filter를 사용한 조건 확인
arr.filter((value) => (조건))
조건을 만족하는 value만을 모아 배열로 만들어 return.
