728x90 반응형 자바스크립트25 [JS] 스프레드 문법 - ... , 함수 호출문의 인수 목록, 배열 리터럴 내부, 객체 리터럴 내부 🎶 자바스크립트의 스프레드 문법에 대해 알아보자. ES6에서 도입된 스프레드 문법 ... 은 하나로 뭉쳐 있는 여러 값들의 집합을 펼쳐서 개별적인 값들의 목록으로 만든다. 스프레드 문법을 사용할 수 있는 대상은 for ... of 문으로 순회할 수 있는 이터러블에 한정된다.(🎃 이터러블에 관련된 내용은 다음 포스트를 참고하길 바란다.)[JS] 이터러블 - 이터러블 프로토콜, 이터레이터 프로토콜, for ... of 문, 그리고 사용자 정의 이터러블 [JS] 이터러블 - 이터러블 프로토콜, 이터레이터 프로토콜, for ... of 문, 그리고 사용자 정의 이터🎶 자바스크립트의 이터러블에 대해 알아보자. ES6에 도입된 이터레이션 프로토콜은,순회 가능한 데이터 컬렉션을 만들기 위해 ECMAScript .. 2025. 1. 28. [JS] 이터러블 - 이터러블 프로토콜, 이터레이터 프로토콜, for ... of 문, 그리고 사용자 정의 이터러블 🎶 자바스크립트의 이터러블에 대해 알아보자. ES6에 도입된 이터레이션 프로토콜은,순회 가능한 데이터 컬렉션을 만들기 위해 ECMAScript 사양에 정의하여 미리 약속한 규칙이다. 이터레이션 프로토콜에는 이터러블 프로토콜과 이터레이터 프로토콜이 있다.이터러블 프로토콜(Iterable protocol)Well-known Symbol인 Symbol.iterator를 프로퍼티 키로 사용한 메서드를 직접 구현하거나 프로토타입 체인을 통해 상속받은 Symbol.iterator 메서드를 호출하면 이터레이터 프로토콜을 준수한 이터레이터를 반환한다. 이러한 규약을 이터러블 프로토콜이라 하며, 이터러블 프로토콜을 준수한 객체를 이터러블이라 한다. 이터러블은 for ... of 문으로 순회할 수 있으며, 스프레드 문법.. 2025. 1. 27. [JS] Symbol - Symbol(), Symbol.for, Symbol.keyFor, 그리고 Well-known Symbol 🎶 자바스크립트에서 사용되는 Symbol에 대해 알아보자! Symbol이란,ES6에서 도입된 7번째 데이터 타입으로, 변경 불가능한 원시 타입의 값을 의미한다. Symbol 값은 다른 값과 중복되지 않는 유일무이한 값이며, 주로 이름의 충돌 위험이 없는 유일한 프로퍼티 키를 만들기 위해 사용한다. (1) Symbol 생성const Sym = Symbol();console.log(Sym); // Symbol() Symbol 함수는 new 연산자와 함께 호출하지 않는다. 또한, Symbol 값은 외부로 노출되지 않아 확인할 수 없다는 것이 특징이다. const Sym1 = Symbol('sym');const Sym2 = Symbol('sym');console.log(Sym1 === Sym2); // fal.. 2025. 1. 26. [JS] String - length, indexOf, search, includes, startsWith, charAt, substring, slice, toUpperCase, trim, repeat, replace, split 🎶 자바스크립트의 표준 빌트인 객체인 String 에 대해 알아보자. 1. String 생성자 함수표준 빌트인 객체인 String 객체는 생성자 함수 객체임으로, new 연산자와 함께 호출하여 String 인스턴스를 생성할 수 있다.String 생성자 함수의 인수로 문자열을 전달하면서 new 연산자와 함께 호출하면 [[StringData]] 내부 슬롯에 인수로 전달받은 문자열을 할당한 String 래퍼 객체를 생성한다.const str = new String('Kim');console.log(str); // String {'Kim'} String 래퍼 객체는 배열과 마찬가지로 length 프로퍼티와 인덱스를 나타내는 숫자 형식의 문자열을 프로퍼티 키로, 각 문자를 프로퍼티 값으로 갖는 유사 배열 객체이.. 2025. 1. 24. [JS] 정규 표현식 - RegExp, exec, test, match, 플래그 g, i, m 🎶 자바스크립트의 정규 표현식에 대해 알아보자. 정규 표현식(Regular Expression)이란,일정한 패턴을 가진 문자열의 집합을 표현하기 위해 사용하는 형식 언어로, 문자열을 대상으로 패턴 매칭 기능을 제공한다. 예를 들어, 휴대폰 전화번호 000 - 0000 - 0000 의 일정한 패턴을 다음과 같이 정규 표현식으로 정의하고, 사용자로부터 받은 문자열이 이 패턴에 매칭하는지 체크할 수 있다.const tel = '010-1111-1사11';const reg = /^\d{3}-\d{4}-\d{4}$/;reg.test(tel); // false 정규 표현식 객체 생성을 위해서는,정규 표현식 리터럴과 RegExp 생성자 함수를 사용할 수 있는데, 일반적인 방법은 정규 표현식 리터럴을 사용하는 것이.. 2025. 1. 21. [JS] Date - now, parse, UTC, getDate, setDate, getDay, setDay 🎶 자바스크립트의 표준 빌트인 객체 Date에 대해 알아보자. (1) Date 생성자 함수new Date(); // Mon Jan 20 01:03:18 GMT+0900 (대한민국 표준시)Date(); // new 연산자 없이 호출하면 문자열로 리턴/* 1970년 1월 1일 00:00:00을 기준으로 인수로 전달된 밀리초만큼 경과한 날짜와 시간으로 이루어진 객체 리턴KST는 협정 세계시 UTC에 9시간을 더한 시간이다.*/new Date(0); // Thu Jan 01 1970 09:00:00 GMT+0900 (대한민국 표준시)/* 날짜와 시간을 나타내는 문자열을 인수로 전달하면 지정된 날짜와 시간을 나타내는 Date 객체 리턴 */new Date('May 26, 2020 10:00:00'); /* 년도.. 2025. 1. 20. 이전 1 2 3 4 5 다음 728x90 반응형