class란?ES6에 새로 추가된 문법좀 더 강력한 객체지향 프로그래밍을 가능하게 해준다.기존 프로토타입 기반의 방식을 좀 더 명료하게 사용할 수 있도록 돕는 역할을 한다.생성자 constructorclass 외부에서 객체를 생성해서 안으로 넣어주는 기능을 한다.cla
기본형조건문 안에는 변수를 여러개 넣어줄 수 있다.변수마다 조건을 다르게 지정해줄 수 있다.break문continue문
문법예시
화살표 함수란?함수를 더욱 간편하게 작성하도록 해준다.ES6에서 추가되었다.문법예시 더 짧게 줄여쓰면 다음과 같다.
객체는 다음과 같이 나타낼 수 있다.{키: 값, 키: 값, 키: 값 ...}예시비구조화 할당(객체 구조 분해) - ES6다음과 같이 쓸 수도 있다.다음과 같이 사용 할 수도 있다.
배열 내장함수배열을 이용할 때 알아두면 유용한 함수들forEach는 주어진 함수를 배열 요소에 대해 각각 실행한다.forEach를 사용하여 위 문장을 다음과 같이 나타낼 수 있다.또는 다음과 같이 나타낼 수 있다.
for문 이용forEach 이용map 사용indexOf배열에서 특정 요소의 순서가 몇번째인지 알려준다.findIndex객체로 이루어진 배열에서 순서를 찾을 때는indexOf가 아니라 findIndex를 사용해야 한다.find특정 순서의 객체 값을 구하고 싶을 때는 fi
filter특정 조건을 만족하는 값만 찾을 때 사용한다.
shiftshift는 배열의 첫 번째 값을 가져온다.poppop은 배열의 마지막 값을 가져온다.unshiftunshift는 배열의 맨 앞에 값을 넣어준다.pushpush는 배열의 맨 뒤에 값을 넣어준다.
reduce배열 안에 있는 모든 값들을 사용하여 어떤 값을 연산해야 할 때 사용한다.forEach로 배열의 값을 모두 더한다면 다음과 같다.reduce를 사용하면 다음과 같이 나타낼 수 있다.배열의 원소 값의 평균을 구하려면 다음과 같이 나타낼 수 있다.
객체생성자함수를 통해 새로운 객체를 만들고 넣고싶은 값 또는 함수를 구현할 수 있게 해준다.주로 대문자로 시작한다.프로토타입(prototype)지정한 객체생성자 안에 키와 값을 추가해준다.객체생성자 함수이름.prototype.원하는 키 = 코드객체생성자 상속하기새로운
ClassES6에서 추가된 문법이다.class는 C++, Java, CJavascript에는 없어서 객체생성자를 사용하여 비슷한 작업을 구현했다.class를 사용하면 객체생성자로 구현했던 코드를 좀 더 깔끔하게 구현할 수 있으며 상속도 훨씬 쉽게 할 수 있다.
위 다섯가지 값은 falsy 한 값이다.그래서 !로 반전시켜주면 모두 true가 된다.위 다섯가지 값이 이외는 모두 truthy한 값이다.위 다섯가지 값을 제외한 값에 !로 반전시켜주면 falsy한 값이 된다.다음과 같은 상황에서 사용할 수 있다.
단축 평가 논리 계산법논리 연산자를 조금 더 유용하게 사용하는 방법파라미터에 객체값이 올바르게 들어갔을 때파라미터에 객체값이 올바르게 들어가지 않았을 때객체값이 올바르게 들어갔을 때만 결과 값을 반환하고 그렇지 않을 때는 undefined를 반환한다.&& 논리연산자를
동기적(Synchronous) 처리한 작업이 끝나야 다른 작업이 시작된다.동시에 여러 작업을 처리할 수 없다.동기적 처리의 예시work() 라는 작업이 끝난 뒤에 다음 작업이 진행된다.비동기적(Asynchronous) 처리동시에 여러 작업을 처리할 수 있다.기다리는 동
배열이 주어졌을 때 10보다 큰 값의 갯수 구하기for문forEachfilterreduce
splice배열에서 지정한 시작값에서 부터 지정한 개수만큼 요소를 삭제한다.배열명.splice(시작 값 순서, 삭제할 값 개수);slice배열에서 지정한 시작 값에서 부터 지정한 개수만큼 값을 가져온다.배열명.slice(시작 값 순서, 가져올 값 개수);
template literal이란?문자열을 좀 더 편리하게 조합할 수 있도록 해준다.ES6에서 추가되었다.출력하려는 문자를 \`\`(백틱)로 감싼다.파라미터로 받아온 값을 넣어줄 때는 ${파라미터 값} 형식으로 사용한다.예시\--> Hello Yujin! 출력
출처: https://www.youtube.com/watch?v=s1vpVCrT8f4&t=1093s (엘리의 드림코딩)Javascript is synchronousExecute the code block in order after hoisting자바스크립트는
출처: https://youtu.be/JB_yU6Oe2eE (엘리의 드림코딩)Promise is a Javascript Object for asynchronous operation.Promise는 자바스크립트 안에 내장된 object.비동기적인 것을 수행할 때
배열 뒷부분의 값을 삭제배열 뒷부분에 값을 삽입배열 앞부분에 값을 삽입배열 앞부분의 값을 삭제배열의 특정위치에 요소를 추가하거나 삭제splice( index, 제거할 요소 개수, 배열에 추가될 요소 )slice(startIndex, endIndex)배열의 startIn
결과: Window결과: Window ('use strict' 모드에서는 undefined)결과: 메소드를 가지고 있는 object1 { data: 'kim', function1: \[Function: function1] }결과: 메소드를 갖고 있는 object2.da