이번 포스팅은 기본 내장객체에 대해서 알아보도록하자
내장객체란 무엇인가?
내장 객체(Built-in Object)란
- 브라우저의 자바스크립트 엔진에 내장된 객체를 말한다.
내장객체종류
AggragateError[Translate]
Array
AsyncFunction
Atomics
BigInt
BingInt64Array
BigUinit64Array
Boolean
DataView
Data
Error
EvalError
FinalizationRegistry
Float32Array
Float64Array
Function
Generatior
GeneratorFunction
Infinity
Int16Array
Int32Array
Int8Array
IntermalError
Intl
JSON
Map
NaN
Number
Object
Promise
Proxy
RangeError
Reflect
RegExp
Set
SharedArrayBuffer
String
Symbol
SyntaxError
TypeError
TypeArray
URIError
Unit16Array[Translate]
Unit32Array[Translate]
Unit8Array[Translate]
Unit8ClampedArray[Translate]
WeakMap
WeakRef[Translate]
WeakSet
WebAssembly
decodeURI()
decodeURIComponent()
encodeURI()
encodeURIComponent()
escape()[Translate]
eval()
globalThis
isFinite()
inNaN()
null
parseFloat()
parseInt()
undefined
unescape()[Translate]
uneval()
정말 다양한 종류의 내장객체들이 많다.
1) Object 객체
- 자바스크립트의 최상위 객체
let object = {}
let object = new Object();
객체를 동적으로 생성할때? (new 키워드)를 사용한다
이렇게 코드를보면 Health 부분을 생성자라고한다.
❗️ new 키워드가 Health함수를 불렀을대 객체를 반환했던건
Health 함수의 this를 반환하기 때문이다.
new 키워드의 활용은 여러 중첩되는 객체를 만들어야할때 사용할수있다.
- object 객체의 메소드
constructor() : 객체의 생성자 함수를 나타냄
hasOwnProperty(): 객체가 속성을 가지고 있는지 확인한다
- isPrototypeOf(obj) : 메소드는 또 다른 객체의 프로토타입 체인에 해당 객체가 존재하는지 여부를 확인
- Object.prototype.propertyIsEnumerable() : 메소드는 특정 프로퍼티가 해당 객체에 존재하고, 열거할 수 있는 프로퍼티인지를 검사한다.
❗️열거 할수 있는 프로퍼티란 내부적으로 enumerable 플래그가 true로 설정된 프로퍼티를 의미 이런 프로퍼티들은 for / in문으로 접근 할수 있다.
Number객체
- Number 객체의 메소드
toExponential() : 숫자를 지수 표시로 나타낸 값 리턴 //
❗️지수표기법 > 아주 큰숫자를 간단하게 표기할때 쓴다.
- toFixed() : 소수의 자리수의 길이를 제한함
- toPrecision(): 수의 길이를 제한함
-
Number 생성자 함수의 속성
-
MAX_VALUE = 자바스크립트에서 표현 가능한 최대 숫자
-
MIN_VALUE = 자바스크립트에서 표현 가능한 최소 숫자
- NaN : Not a Number (숫자가 아니다)
POSITIVE_INFINITY : 양의 무한대 수
NEGATIVE_INFINITY : 음의 무한대 수
String 객체
length: 문자열의 길이를 표시
chartAt() : 해당 인덱스 문자 반환
charCodeAt() : 해당 인덱스 문자를 유니코드로 반환
concat() : 해당 인덱스 문자를 유니코드로 반환
indexOf() : 앞에서부터 일치하는 문자열의 인덱스를 반환
lastIndexOf() 뒤에서부터 일치하는 문자열의 인덱스를 반환
match(regExp) 문자열안에 regExp가 있는 확인
반환값은
var str = 'For more information, see Chapter 3.4.5.1';
var re = /see (chapter \d+(.\d))/i;
var found = str.match(re);
console.log(found);
// logs [ 'see Chapter 3.4.5.1',
// 'Chapter 3.4.5.1',
// '.1',
// index: 22,
// input: 'For more information, see Chapter 3.4.5.1' ]
// 'see Chapter 3.4.5.1'는 완전한 매치 상태
// 'Chapter 3.4.5.1'는 '(chapter \d+(.\d))' 부분에 의해 발견된 것
// '.1' 는 '(.\d)'를 통해 매치된 마지막 값임.
// 'index' 요소가 (22)라는 것은 0에서부터 셀 때 22번째 위치부터 완전 매치된 문자열이 나타남을 의미
// 'input' 요소는 입력된 원래 문자열을 나타냄.
match()는 문자열이 정규식과 매치되는 부분을 검색하고 위 내용처럼 반환한다.
- String.replace (): 특정 문자열을 지정하고 다른 문자열로 치환
- search(regExp) : regExp와 일치하는 문자열의 위치 반환
- slice() : 원래문자열은 수정하지않고 새문자열로 반환한다.
- split() : 문자열을 배열에 넣은 다음 배열을 반환한다
- substring() : 시작 및 끝 인덱스 사이 또는 문자열의 끝 부분을 반환
- toUpperCase() : 문자열을 대문자로 바꾸어 반환
- toLowerCase() : 문자열을 소문자로 바꾸어 반환
Array 객체 메소드
-
length : 배열의 크기를 반환
-
Array.isArray() : 배열인지 확인 true / false
-
pop() : 배열의 마지막 요소를 제거 후 리턴
- push() : 배열의 마지막 요소에 추가
- shift() : 배열의 첫번째 요소를제거한다
- unshift() :배열의 첫번째 요소에 10을 추가한다.
- findIndex() : 배열에서 조건에 맞는 값이 몇번째 인덱스 인지 알수있다.
- find : 배열에서 조건에 맞는 값을 반환한다
- reverse() : 배열의 요소 순서 반전
- sort(): 배열 요소 정렬//기본값은 문자열 오름차순
- splice() : 기존 요소를 제거하거나 교체 또는 새로운 요소를 제자리에 추가하여 배열의 내용을 변경한다
원본을 유지하는 메소드
- slice() : 요소의 지정한 부분 반환
- concat() : 배열의 요소를 합치고 배열 생성후 반환
- join() : 배열 안의 모든 요소를 문자열로 변환 후 반환
- indexOf() : 배열의 앞쪽부터 특정 요소의 위치 검색
- lastIndexOf() : 배열의 뒷쪽부터 특정 요소의 위치검색
반복 메소드
- forEach() : 배열을 for in 반복문처럼 사용가능 루프만 돈다
- map() : 기존의 배열에 특정 규칙을 적용해서 새로운 배열 생성
조건 메소드
- filter : 제공된 함수에 의해 구현된 테스트를 통과하는 모든 요소로 새 배열을 만든다.
- every() : 배열의 요소가 조건을 만족하는지 확인
- some() : 배열의 요소가 특정 조건을 적어도 하나는 만족하는지 확인
연산메소드
- reduce : 배열의 각 요소에 대해 사용자가 제공하는 감속기 함수를 실행하여 단일 출력 값을 생성합니다
- reduceRight : reduce와 동일하다 단 오른쪽부터 실행
Date 객체
Date 객체는 1970년 1월1일 UTC(국제표준시)00:00으로 부터
지난 시간을 밀리초로 나타내는 유닉스 타입스탬프를 사용
❗️유닉스 타임스탬프
(날짜와 시간을 표시하는 객체)
let date = new Date() 매개변수를 입력하지않으면 현재 시각으로 초기화
Math 객체
math는 수학적인 상수와 함수를 위한 속성과 메서들르 가진 내장객체이다
함수 객체가 아니다 !
- abs(): 절대값 반환
❗️ 절대값 > 음수를 양수로 바꿔주는것을 의미 -3 이라고하면 3을 의미
