쑤쑤_CS 기록장

배열(array) 1개의 변수에 여러 개의 값을 순차적으로 저장할 때 사용한다. 자바스크립트에서 배열은 객체이며 유용한 내장 메소드를 포함하고 있다. Array 생성자로 생성된 Array 타입의 객체이며, 프로토타입 객체는 Array.prototype이다. #1. 배열의 생성 #1.1 배열 리터럴 0개 이상의 값을 쉼표로 구분하여 대괄호([])로 묶는다. 존재하지 않는 요소에 접근하면 undefined 반환한다. const emptyArr = []; console.log(emptyArr[1]); // undefined console.log(emptyArr.length); // 0 const arr = [ 'zero', 'one', 'two', 'three', 'four', 'five', 'six', 's..

String 객체 원시 타입인 문자열을 다룰 때 유용한 프로퍼티와 메소드를 제공하는 레퍼(wrapper) 객체이다. 문자열을 값으로 가지고 있다면 String 객체의 별도 생성없이 String 객체의 프로퍼티와 메소드를 사용할 수 있다. 원시 타입이 wrapper 객체의 메소드를 사용할 수 있는 이유는, 원시 타입으로 프로퍼티나 메소드를 호출할 때 원시 타입과 연관된 wrapper 객체로 일시적으로 변환되어 프로토타입 객체를 공유하게 되기 때문이다. const str = 'Hello world!'; console.log(str.toUpperCase()); // 'HELLO WORLD!' #1. String Constructor String 객체는 String 생성자 함수를 통해 생성할 수 있다 전달된 인..

#1. 정규표현식(Regular Expression) 정규표현식(Regular Expression) : 문자열에서 특정 내용을 찾거나 대체 또는 발췌하는데 사용한다. - 반복문과 조건문을 사용한 복잡한 코드도 정규표현식을 이용하면 매우 간단하게 표현할 수 있다. - 정규표현식은 리터럴 표기법으로 생성할 수 있다. 정규표현식을 사용하는 메소드 const targetStr = 'This is a pen.'; const regexr = /is/ig; // RegExp 객체의 메소드 console.log(regexr.exec(targetStr)); // [ 'is', index: 2, input: 'This is a pen.' ] console.log(regexr.test(targetStr)); // true ..

Date 객체 날짜와 시간(년, 월, 일, 시, 분, 초, 밀리초)을 위한 메소드를 제공하는 빌트인 객체이면서 생성자 함수이다. 생성자 함수로 생성한 Date 객체는 내부적으로 숫자값을 갖는다. #1. Date Constructor Date 객체는 생성자 함수이다. Date 생성자 함수는 날짜와 시간을 가지는 인스턴스를 생성한다. 이는 기본적으로 현재 날짜와 시간을 나타내는 값을 가진다. 현재 날짜와 시간이 아닌 다른 날짜와 시간을 다루고 싶은 경우, Date 생성자 함수에 명시적으로 해당 날짜와 시간 정보를 인수로 지정한다. Date 생성자 함수로 객체를 생성하는 방법(4) new Date() 인수를 전달하지 않으면 현재 날짜와 시간을 가지는 인스턴스를 반환한다. const date = new Date..

Math 객체는 수학 상수와 함수를 위한 프로퍼티와 메소드를 제공하는 빌트인 객체이다. Math 객체는 생성자 함수가 아니라서 Math 객체는 정적(static) 프로퍼티와 메소드만을 제공한다. #1. Math Property Math.PI PI 값(π ≈ 3.141592653589793)을 반환한다. #2. Math Method Math.abs(x: number): number 절댓값을 반환한다. Math.abs(-1); // 1 Math.abs('-1'); // 1 Math.abs(''); // 0 Math.abs([]); // 0 Math.abs(null); // 0 Math.abs(undefined);// NaN Math.abs({}); // NaN Math.abs('string'); // NaN..

Number 객체 : 원시 타입 number를 다룰 때 유용한 프로퍼티와 메소드를 제공하는 레퍼(wrapper) 객체 변수 또는 객체의 프로퍼티가 숫자를 값으로 가지고 있다면, Number 객체의 별도 생성없이 프로퍼티와 메소드를 사용할 수 있다 원시타입이 wrapper 객체의 메소드를 사용할 수 있는 이유는, 프로퍼티나 메소드를 호출할 때 원시 타입과 연관된 wrapper 객체로 일시적으로 변환되어 프로토타입 객체를 공유하게 되기 때문이다 #1. Number Constructor Number 객체는 Number() 생성자 함수를 통해 생성할 수 있다. new Number(value); var x = new Number(123); var y = new Number('123'); var z = new Nu..

전역 객체(Global Object) : 모든 객체의 유일한 최상위 객체를 의미한다. 일반적으로 Browser-side에서는 window, Server-side(Node.js)에서는 global 객체를 의미한다. 전역 객체는 실행 컨텍스트에 컨트롤이 들어가기 이전에 생성이 되며 constructor가 없기 때문에 new 연산자를 이용하여 새롭게 생성할 수 없다. new 연산자를 이용하여 새롭게 생성할 수 없다. -> 개발자가 전역 객체를 생성하는 것은 불가능하다. 전역 객체는 전역 스코프(Global Scope)를 갖게 된다. 전역 객체의 자식 객체를 사용할 때 전역 객체의 기술은 생략할 수 있다. 예를 들어 document 객체는 전역 객체 window의 자식 객체로서 window.document…와 ..

자바스크립트의 객체(3) #1. 네이티브 객체 애플리케이션 전역의 공통 기능을 제공한다. Object, String, Number, Function, Array, RegExp, Date, Math와 같은 객체 생성에 관계가 있는 함수 객체와 메소드로 구성된다. Object Object() 생성자 함수는 객체를 생성한다. 생성자 인수값이 null이거나 undefined이면 빈 객체를 반환한다. 그 이외의 경우 생성자 함수의 인수값에 따라 강제 형변환된 객체가 반환된다. // String 객체를 반환한다 // var obj = new String('String');과 동치이다 var obj = new Object('String'); console.log(typeof obj + ': ', obj); conso..