배열과 객체

코딩테스트 광탈방지 A to Z 인강을 수강하며 학습한 점을 기록하겠다! 🐸🐸

배열

배열의 생성

기존 필자는 배열을 리터럴 방식으로만 생성해왔다. (우테코 프리코스 피드백에서 이렇게 배열을 생성하라는 제한 사항도 있었다!)

그렇지만 사실 배열을 생성자함수를 사용하여 생성해볼 생각은 하지 않았다. 이번 기회에 배열을 생성하는 다양한 방법을 학습하였다.

1. 배열의 리터럴

const a = []
const b =[1,2,3,4,5]

2. Array 생성자 함수

const a = new Array();
// []
const b = new Array(4);
// []이지만 length는 4가된다.

3. Array.from

const a =[1,2,3,4,5]
const b = Array.from(a)
//[1,2,3,4,5]

const c =Array.from(a,(a,k)=>a+1)
//[2,3,4,5,6]

Array.from은 기존의 배열을 복사해오거나 기존의 배열을 활용하여 새로운 배열을 만들 때사용하면 좋아보인다.
두 번째 인자로 받는 콜백함수는 배열의 원소와 배열의 인덱스를 활용 할 수 있다.

배열의 초기화

const a = [1,2,3,4,5]
const b=  a.fill(2)
a.fill(2)
 console.log(a)
// [2,2,2,2,2]

fill함수를 활용하여 기존의 함수를 초기화 한 값을 변수에 저장 할 수 있다.
또한 기존의 변수 역시 초기화가 된다.

배열 합치기

const a = [1,2,3,4,5]
const b = [6,7,8,9,10]
console.log(a.concat(b))
// [1,2,3,4,5,6,7,8,9,10]

배열의 순환

배열의 순환하는 방법은 기존에 for, forEach, Map 등을 사용해왔는데 새로 알게 된 배열 순환법이 있다.

const ARR=[1,2,3,4,5]
for(const item of ARR){
console.log(item)
}
//1,2,3,4,5

const item of Arr

직관적이고 마음에 든다!! 👀

배열은 객체다

배열의 타입은 객체 그렇기에 객체처럼 사용이 가능하다!

const arr =[1,2,3,4]
arr["key"]="sangha"
//추가는 되지만 배열의 length에는 영향을 주지않는다.

객체

객체의 생성방법

1. 리터럴 생성방법

const obj1 = {}
const obj2 ={name:"sangha",age:12}

2. 생성자 함수

const obj1 = new Object()

객체추가방법

const obj1 = {}

obj1.name:"sangha";
obj1["age"]:12;

객체삭제하는방법

const obj1 = {name:"sangha",age"12"};
              delete obj1.name

// obj1 ={age:"12"}

객체key찾는방법

const obj2 ={name:"sangha",age:12}

Object.keys(obj1)
//[name,age]
Object.values(obj1)
//["sangha","12"]

객체순환방법

const obj1 = {name:"박상하",age:12}

for(const key in obj1){
console.log(key,obj1[key])
}
//name,박상하
//age,12