객체, 배열 관련 함수 정리

💡 객체, Object = {key: value} 키와 밸류값으로 이루어짐

객체의 밸류를 조회하는 방법

obj.key // 일반적인 방법
obj['key']
// 어떤 키값이 들어올지 모를때, props로 받아와서 진행해야하는 경우에 사용, key는 항상 string

객체의 키 값 가져오는 방법

for (key in object) {
	console.log(key)
}

객체 복사하는 방법, 배열을 객체로 바꾸는 방법

Object.assign(target, source: any[]) // source 값으로는 객체, 배열 둘 다 가능

const user2 = Object.assign({}, {name: 'bella', age: '20'})
// 주로 빈 객체를 target으로 두고 진행, 뒤에 오는 source가 taget을 덮어씌움

객체를 배열로 바꾸는 방법

Object.entries()

💡 배열, 인덱스를 기본으로 구성됨

배열 분리하는 방법

for (value of array){
	console.log(value)
}

배열에 값 추가, 제거하는 방법

.push() : 배열의 제일 끝에 값 추가
.pop() : 배열의 제일 끝의 값 제거

.unshift() : 배열의 제일 앞에 값 추가
.shift() : 배열의 제일 앞의 값 제거

// unshift, shift는 index값의 변경을 요구하기 때문에 push, pop에 비해 굉장히 느린 작업이다

배열에서 원하는 인덱스 위치의 값 추가, 제거, 수정하는 방법

array.splice(start:number, deleteCount?:number, new)
// deleteCount를 지정하지않으면 start인덱스 이후의 모든 값을 제거
// 3번째 이후로 오는 파라미터에 추가하는 값은 지워진 인덱스자리에 추가
// 원본배열을 변경, 삭제된 요소를 배열로 반환

array.slice(start, end)
// start: 추출 시작 인덱스 값, 음수를 지정할 경우 배열의 끝에서부터 추출 시작
// end: 추출 종료 인덱스, 지정하지 않을경우 배열 끝까지 추출
// 원본배열은 수정되지않고 수정된 배열을 반환

배열 병합하는 방법

array.concat(array2)

배열에 포함된 값인지 확인하는 방법, 인덱스값 조회

array.includes(value) //불리언 반환
array.indexOf(value) //숫자 반환

.lastIndexOf(value) 중복된 값이 있을때 사용, 뒤에서부터 조회