개발개굴🐸

표준 빌트인 객체인 String은 원시 타입인 문자열을 다룰 때 유용한 프로퍼티와 메서드를 제공합니다. String 생성자 함수 String 객체는 생성자 함수 객체라 new 연산자와 함께 호출하여 String 인스턴스를 생성할 수 있습니다. String 래퍼 객체는 배열과 마찬가지로 length 프로퍼티와 인덱스를 나타내는 숫자를 프로퍼티 키로, 각 문자를 프로퍼티 값으로 가지므로 유사 배열 객체입니다. // 1. 인수 없이 호출 const strObj = new String(); console.log(strObj); // String {length: 0, [[PrimitiveValue]]: ""} // 2. 인수로 문자열 전달 const strObj = new String('Lee'); console..

정규 표현식이란? 정규 표현식(regular expression)은 일정한 패턴을 가진 문자열의 집합을 표현하기 위해 사용하는 형식 언어(formal language)입니다. 정규 표현식은 자바스크립트의 고유 문법이 아니며, 대부분의 프로그래밍 언어와 코드 에디터에 내장되어 있습니다. 정규 표현식은 문자열을 대상으로 패턴 매칭 기능을 제공합니다. 패턴 매칭 기능이란, 특정 패턴과 일치하는 문자열을 검색하거나 추출 또는 치환할 수 있는 기능을 말합니다. *자바스크립트는 펄의 정규 표현식 문법을 ES3부터 도입 예를 들어, 회원가입 화면에서 사용자로부터 입력받은 휴대폰 전화번호가 유효한 번호인지 "숫자 3개 + '-' + 숫자 4개 + '-' + 숫자 4개" 라는 일정한 패턴을 정규 표현식으로 정의하고 사용..

표준 빌트인 객체인 Date는 날짜와 시간(연, 월, 일, 시, 분, 초, 밀리초)을 위한 메서드를 제공하는 빌트인 객체이면서 생성자 함수입니다. 현재 날짜와 시간은 자바스크립트 코드가 실행된 시스템의 시계에 의해 결정됩니다. UTC(협정 세계시) : 국제 표준시로 GMT(그리니치 평균시)로 불리기도 함 KST(한국 표준시) : UTC에 9시간을 더한 시간으로 KST는 UTC보다 9시간이 빠름 Data 생성자 함수 Date 생성자 함수로 생성한 Data 객체는 내부적으로 날짜와 시간을 나타내는 정수값을 가집니다. 이 값은 1970년 1월 1일 00:00:00(UTC)을 기점으로 Date 객체가 나타내는 날짜와 시간까지의 밀리초를 나타냅니다. 1970년 1월 1일 0시를 나타내는 Data 객체는 내부적으로..

표준 빌트인 객체인 Math는 수학적인 상수와 함수를 위한 프로퍼티와 메서드를 제공합니다. Math는 생성자 함수가 아니라 정적 프로퍼티와 정적 메서드만 제공합니다. Math 프로퍼티 Math.PI 원주율 PI 값(π = 3.14159265358979…)을 반환합니다. Math.PI; // -> 3.141592653589793 Math 메서드 Math.abs 인수로 전달된 숫자의 절대값을 반환합니다. 절대값은 반드시 0 또는 양수이어야합니다. Math.abs(-1); // -> 1 Math.abs('-1'); // -> 1 Math.abs(''); // -> 0 Math.abs([]); // -> 0 Math.abs(null); // -> 0 Math.abs(undefined); // -> NaN Mat..

표준 빌트인 객체인 Number는 원시 타입인 숫자를 다룰 때 유용한 프로퍼티와 메서드를 제공합니다. Number 생성자 함수 표준 빌트인 객체인 Number 객체는 생성자 함수 객체이기 때문에 new 연산자와 함께 호출하여 Number 인스턴스를 생성할 수 있습니다. // 1. 인수 X const numObj = new Number(); console.log(numObj); // Number {[[PrimitiveValue]]: 0} // 2. 인수 O let numObj = new Number(10); console.log(numObj); // Number {[[PrimitiveValue]]: 10} numObj = new Number('10'); console.log(numObj); // Numbe..

자바스크립트는 배열을 다룰 때 유용한 다양한 빌트인 메서드를 제공합니다. 배열은 사용 빈도가 높은 자료구조이므로 배열 메서드의 사용법을 잘 알아둘 필요가 있습니다. 이러한 배열 메서드 중에서 사용 빈도가 높은 메서드와 추가로 배열 고차 함수에 대해서 알아보겠습니다. *자바스크립트의 배열에 대한 설명은 아래의 포스팅을 참고하세요. https://j-su2.tistory.com/79 [JavaScript] 배열 배열이란? 배열(array)는 여러개의 값을 순차적으로 나열한 자료구조입니다. 요소(element) : 배열이 가지고 있는 값 인덱스(index) : 배열의 요소에서 자신의 위치를 나타내는 0 이상의 정수로 배열에 j-su2.tistory.com 배열 메서드를 사용할 때 주의할 점 Array 생성자 ..

배열이란? 배열(array)는 여러개의 값을 순차적으로 나열한 자료구조입니다. 요소(element) : 배열이 가지고 있는 값 인덱스(index) : 배열의 요소에서 자신의 위치를 나타내는 0 이상의 정수로 배열에 접근할 때 사용 (대부분의 프로그래밍 언어에서 인덱스는 0부터 시작) 자바스크립트의 배열 const arr = ['apple', 'bannana', 'orange']; arr[0]; // 'apple' arr.length // 3 for(let i=0;i true Object.getPrototypeOf(arr) === Array.prototype // -> true 자바스크립트에서 값으로 인정하는 모든 것은 배열의 요소가 될 수 있음 배열의 요소에 접근할 때는 대괄호 표기법을 사용 배열의 길이..

함수의 구분 ES6 이전의 함수의 모든 함수는 사용 목적에 따라 명확한 구분이 없어 호출 방식에 특별한 제약 없이 다양한 형태로 호출이 가능했습니다. 또한, 생성자 함수가 아닌 함수가 불필요한 프로토타입 객체를 생성하기 때문에 혼란스러우며 실수를 유발할 가능성이 있고 성능에도 좋지 않았습니다. 따라서 ES6에서는 함수를 사용 목적에 따라 세 가지 종류로 명확히 구분했습니다. ES 함수의 구분 constructor prototype super arguments 일반 함수(Normal) O O X O 메서드(Method) X X O O 화살표 함수(Arrow) X X X X 메서드 ES6 사양에서 메서드는 메서드 축약 표현으로 정의된 함수만을 의미합니다. const obj = { x: 1, // foo는 메..