Set Set 객체는 중복되지 않은 유일한 값들의 집합이다. Set 은 배열과 유사지만 다음과 같은 차이가 있다. 구분 배열 Set 동일한 값을 중복하여 포함할 수 있음 O X 요소 순서에 의미가 있음 ...
Javascript 구조 분해 할당
디스트럭처링 할당은 구조 분해 할당이다. 이는 배열과 같은 이터러블 또는 객체를 비구조화 하여 1개 이상의 변수에 개별적으로 할당하는 것을 말한다. 이터러블 또는 객체 리터럴에서 필요한 값만 추출할 때 유용하다. 배열 구조 분해 할당 배열 구조 분해 할당의 대상은 이터러블이여야 하며, 할당의 기준은 배열의 인덱스이다. const arr ...
Javascript 스프레드 문법
스프레드 문법은 ES6에서 도입된 문법으로 하나로 뭉쳐 있는 여러 값들의 집합을 펼쳐서 개별적인 값들의 목록으로 만든다. 이러한 스프레드 문법은 for…of 문으로 순회할 수 있는 이터러블에 한정된다. console.log(...[1, 2, 3]); // 1, 2, 3 console.log(...'Hello'); // H e...
Javascript 이터러블
ES6에서 도입된 이터레이션 프로토콜은 순회 가능한 데이터 컬렉션을 만들기 위해 정의된 규약이다. ES6에서는 순회 가능한 데이터 컬렉션을 이터러블로 통일하여 for…of문, 스프레드 문법, 배열 디스트럭팅 할당의 대상으로 사용할 수 있다. 이터러블 이터러블은 Symbol.iterator 를 프로퍼티 키로 사용한 메서드를 직접 구현하거나 프로토타입...
Javascript String
String 객체 표준 빌트인 객체인 String 객체는 생성자 함수 객체다. new 연산자를 통해 호출하면 인수를 전달받아 [[StringData]] 내부 슬롯에 인수를 할당한 String 래퍼 객체를 생성한다. String 래퍼 객체는 배열과 마찬가지로 length 프로퍼티와 인덱스를 나타내는 숫자 형식의 문자열을 프로퍼티 키로 각 문자를 값으...
Javascript 정규식
정규 표현식 정규 표현식은 일정한 패턴을 가진 문자열의 집합을 표현하기 위해 사용하는 형식 언어이다. 이러한 정규 표현식은 문자열을 대상으로 패턴 매칭 기능을 제공한다. 패턴 매칭 기능이란 특정 패턴과 일치하는 문자열을 검색하거나 추출 또는 치환할 수 있는 기능이다. 만약 정규 표현식을 사용하지 않는다면 반복문과 조건문을 통해 각 문자를 체크해야하...
Javascript Array_04
배열 고차 함수 고차 함수는 함수를 인수로 전달받거나 함수를 반환하는 함수를 말한다. 고차 함수는 외부 상태의 변경이나 가변 데이터를 피하고 불변성을 지향하는 함수형 프로그래밍에 기반을 두고 있다. Array.prototype.sort sort 메서드는 배열의 요소를 정렬한다. 기본적으로 오름차순으로 요소를 정렬한다. const fru...
Javascript Array_03
Array 메서드 자바스크립트는 배열에 대한 다양한 빌트인 메서드를 제공한다. Array 생성자 함수는 정적 메서드를 제공하며, Array.prototype은 프로토타입 메서드를 제공한다. 배열에는 원본 배열을 직접 변경하는 메서드와 원본 배열을 직접 변경하지 않고 새로운 배열을 생성하여 반환하는 메서드가 있다. 원본 배열을 직접 변경하는 메서드는...
Javascript Array_02
배열의 생성 배열 리터럴 가장 일반적이고 간편한 배열 생성 방식은 배열 리터럴을 사용하는 것이다. 배열 리터럴은 0개 이상의 요소를 쉼표로 구분하여 대괄호로 묶는다. 배열 리터럴은 객체 리터럴과 달리 프로퍼티 키가 없고 값만 존재한다. const arr_1 = [1, 2, 3]; console.log(arr_1.length); ...
Javascript Array_01
배열 배열은 여러 개의 값을 순차적으로 나열한 자료구조이다. 자바스크립트에서는 배열을 다루기 위한 유용한 메서드를 다수 제공한다. 배열이 가지고 있는 값은 요소라 부른다. 자바스크립트에서는 원시값, 객체, 함수, 배열 등 자바스크립트에서 값으로 인정한는 모든 것은 배열의 요소가 될 수 있다. 배열의 요소는 자신의 위치를 나타내는 0 이상의 정수인 인...