[220417] Data type / 내장 메소드

리터럴 방식

특정한 기호로 데이터를 만들어내는 방식

원래는 new 라는 키워드로 각 전역객체들로 데이터를 만들어냄

prototype

문자

str.indexOf(‘heropy’) !== -1

: boolean 데이터로 해당 단어가 있는지 찾는 방법

 

str.replace( 바꿀 문자, 넣고싶은 문자)

 

str.match( )

 

str.trim()

: 문자열의 앞뒤 공백 제거

 

숫자

math : 내정 객체. 함수 객체가 아님..

math.floor (math.random() *10)

: 랜던한 정수

 

배열

elements == item

forEach

: 아이템의 갯수만큼 콜백문을 반복

반환되는 값은 없음

 

map

: 아이템의 갯수만큼 콜백문을 반복하여 리턴을 통해 새로운 배열 생성

 

filter

: 필터링을 해서 새로운 배열생성

 

find()

: 특정한 조건의 첫번째 아이템을 찾아줌

 

findIndex()

: 특정한 조건의 첫번째 아이템의 index를 찾아줌

 

includes(확인할 데이터)

: 인수의 포함 여부를 불린 데이터로 반환

 

원본이 수정됨!!!

push()

: 가장 뒷쪽의 인수를 삽입

 

unshift()

: 가장 앞쪽에 인수를 삽입

 

reverse()

: 배열의 순서를 뒤집음

 

splice(시작할 인덱스, 지울 갯수, 그 자리에 삽입할 데이터)

: 1 지우는 기능

2 끼워넣는 기능

 

객체

protptype 이 없는 메소드는 static 메소드 == 실체 객체 데이터에는 사용 불가  == Object 라는 전역객체에 직접 사용

 

Object.assign( 대상 객체, 출처 객체)

: 출처객체의 속성을 대상객체에 복사한다

키가 같을땐 값을 덮어쓴다.

 

const target =Object.assign( { }, 객체1, 객체2)

: 객체 1과 2가 새로운 객체로 복사되고 새로운 객체는 target로 반환 -> 새로운 객체로 복사하는데 사용

 

 

Object.keys( )

: property의 key(name) 만 추출해서 새로운 배열 생성 

 

1 점 표기법 user.email

2 인덱싱 법 user[‘email’]

property name == property value 라면 하나를 생략가능

const title = 'happy';
const birth = 2022;
const user ={
	title : title,   //title,
	birth : birth    //birth
};

객체 내부에서 함수 선언시 [ : function] 생략가능

const user = {
	getFullName : function() {      //getFullName () {
		return 'hi';
	}
}
console.log(user.getFullName());

구조 분해 할당 destructuring assignment

객체 배열에 사용가능

 

 

기본값 설정

 

user 객체의 name 이라는 속성을 꺼내서 heropy 라는 변수에 할당

 

 

배열을 구조분해할땐 name이 없기 때문에 순서대로 추출

 

뒤에 있는 데이터만 추출하는 방법

 

 

전개 연산자  (Spread ) …

- 배열은 쉼표로 구분되는 각각의 아이템으로 전개해줌

- 여러개의 값을 묶은 걸 펼치기 때문에 하나의 값이 아니라 여러 값의 목록

- 구문 자체가 값이 아님

 

toObject( )

: 객체 데이터로 변환해주는 함수

 

rest parameter

 

속성의 이름과 데이터의 이름이 같으면 하나 생략가능

 

 

데이터 불변성 (Immutability)

데이터마다 하나의 주소 배정

원시 데이터

값마다 주소가 새로 만들어지는게 아니라 원래 있던 데이터의 주소를 부여

원시 데이터는 데이터 자체가 변하지 않는다.

참조형 데이터

새로운 값을 만들때마다 새로운 메모리 주소에 할당

불변성이 없음 == 가변성

참조 데이터의 할당은 메모리의 참조 주소를 변경하는 것

참조형 데이터는 의도한게 아니라면 복사를 해야 함

 

복사

얕은 복사 Shallor copy

복사할 참조데이터 안에 또다른 참조 데이터가 없는 경우사용

1 Object.assign

2 spread

user.email 는 배열데이터=참조데이터

  

 

 

 

깉은 복사 Deep copy

참조셩 데이터 안에 들어가서 안에 있는 참조 데이터도 전부 복사

import _ from lodash 

 

출처 : (KDT FE2) 한 번에 끝내는 프론트엔드 개발 초격차 패키지 Online. 박영웅 강사님