Javascript40 [Javascript] ES6 - Spread 연산자 Spread 연산자 Spread 연산자(Spread Syntax, ...) 는 대상을 개별 요소로 분리하며 대상은 Iterable 이어야한다. // ...[1, 2, 3]는 [1, 2, 3]을 개별 요소로 분리한다(→ 1, 2, 3) console.log(...[1, 2, 3]); // 1, 2, 3 // 문자열은 이터러블이다. console.log(...'Hello'); // H e l l o // Map과 Set은 이터러블이다. console.log(...new Map([['a', '1'], ['b', '2']])); // [ 'a', '1' ] [ 'b', '2' ] co.. 2023. 11. 24. [Javascript] ES6 - Rest 파라미터 Rest 파라미터 Rest 파라미터 는 매개변수 이름 앞에 세개의 점 ...을 붙여서 정의한 매개변수를 의미한다. Rest 파라미터 는 함수에 전달된 인수들의 목록을 배열로 전달받으며 순차적으로 할당된다. function foo(...rest) { console.log(Array.isArray(rest)); // true console.log(rest); // [ 1, 2, 3, 4, 5 ] } foo(1, 2, 3, 4, 5); function foo(param, ...rest) { console.log(param); // 1 console.log(rest); // [ 2, 3, 4, 5 ] } foo(1, 2, 3, 4, 5); function bar(param1, param2, ...rest) { .. 2023. 11. 23. [Javascript] ES6 - 화살표 함수 화살표 함수 화살표 함수(Arrow function) 는 function 키워드 대신 화살표(=>)를 사용하여 보다 간략한 방법으로 함수를 선언할 수 있다. 하지만 모든 경우 화살표 함수를 사용할 수 있는 것은 아니며 화살표 함수의 기본 문법은 아래와 같다. // 매개변수 지정 방법 () => { ... } // 매개변수가 없을 경우 x => { ... } // 매개변수가 한 개인 경우, 소괄호를 생략할 수 있다. (x, y) => { ... } // 매개변수가 여러 개인 경우, 소괄호를 생략할 수 없다. // 함수 몸체 지정 방법 x => { return x * x } // single line block x => x * x // 함수 몸체가 한줄의 구문이라면 중괄호를 생략할 수 있으며 암묵적으로 re.. 2023. 11. 22. [Javascript] ES6 - 템플릿 문자열 템플릿 문자열 템플릿 문자열(Template String)은 문자열을 생성하는 새롭게 도입된 리터럴이다. 문자열을 설정하기 위해 따옴표(`)를 사용한다. const template = `템플릿 리터럴은 '작은따옴표(single quotes)'과 "큰따옴표(double quotes)"를 혼용할 수 있다.`; console.log(template); 줄바꿈은 허용되지 않으며 공백을 표현하기 위해서는 백슬래시()로 시작하는 이스케이프 시퀀스(Escape Sequence)를 사용하여야 한다. ES6 템플릿 리터럴은 일반적인 문자열과 달리 여러 줄에 걸쳐 문자열을 작성할 수 있으며 템플릿 리터럴 내의 모든 white-space는 있는 그대로 적용된다. const template = ` Home Ne.. 2023. 11. 21. [Javascript] ES6 - let, const ECMAScript ECMAScript 란, ECMA International이 ECMA-262 기술 규격에 따라 정의하고 있는 표준화된 스크립트 프로그래밍 언어를 말한다. ES6(ECMAScript 2015)에서 추가된 사항에 대해 알아보고자 한다. let 기존에는 변수를 선언하기 위해 var 키워드를 사용하였으나 블록 레벨 스코프를 따르는 변수를 선언하기 위해 let 키워드를 제공한다. 함수 레벨 스코프 함수 내에서 선언된 변수는 함수 내에서만 유효하며 함수 외부에서는 참조할 수 없다. 즉, 함수 내부에서 선언한 변수는 지역 변수이며 함수 외부에서 선언한 변수는 모두 전역 변수이다. 블록 레벨 스코프 모든 코드 블록(함수, if 문, for 문, while 문, try/catch 문 등) 내에서 선언.. 2023. 11. 20. [Javascript] 빌트인(built-in) 객체 빌트인 객체 빌트인 객체 는 ECMAScript 명세에 정의된 객체를 말하며 애플리케이션 전역의 공통 기능을 제공하며 Object, String, Number, Function, Array. Date, Math 와 같은 객체 생성에 관계가 있는 객체와 메소드로 구성된다. Object // Object.keys() // Object.prototype.toString() -> 모든 객체가 사용할 수 있는 메소드 var arr = ["a", "b", "c"]; document.write('Object.keys(arr) : ', Object.keys(arr), ' '); var o = new Object(); document.write('o.toString() : ',.. 2023. 11. 17. 이전 1 2 3 4 5 6 7 다음 728x90