Array를 사용하는 여러가지 방법

 

 

어떤 언어를 쓰던 배열은 여러 가지의 값을 저장할 때 꼭 필요한 요소입니다.

자주 사용하는 만큼 편하게 사용하는 방법을 정리해도록 하겠습니다  🏃‍♂️💨

 

---

1. 삽입

1. push ( )

const arr = ['🙂','🙄'];

arr.push('😎');

console.log(arr); 

//result
//['🙂','🙄','😎']

push는 배열의 가장 뒤에 원하는 값을 삽입하는 메서드입니다.

 

2. unshift ( )

const arr = ['🙂','🙄'];

arr.unshift('😎');

console.log(arr); 

//result
//['😎','🙂','🙄']

unshift는 배열의 앞부터 원하는 값을 삽입하는 메서드입니다.

 

---

2. 삭제

1. pop ( )

const arr = ['🙂','🙄','😎'];

arr.pop( );

console.log(arr); 

//result
//['🙂','🙄']

pop은 배열 가장 뒤에 있는 요소를 삭제합니다. pop ( )안에는 어떤 것도 넣지 않습니다.

만약 빈 배열을 pop할 경우 undifined가 입력됩니다.

 

2. shift ( )

const arr = ['🙂','🙄','😎'];

arr.shift( );

console.log(arr); 

//result
//['🙄','😎']

shift는 배열 가장 앞에 있는 요소를 삭제합니다. shift ( )도 마찬가지로 안에 어떤 값도 넣지 않습니다.

 

3. splice(pos , length)

const arr = ['🙂','🙄','😎'];

arr.splice(1, 1);

console.log(arr); 

//result
//['🙂','😎']
// 1번째 인덱스부터 1개 삭제 🙄


arr.splice(0, 2);
console.log(arr);

//result
//[]
// 0번째 인덱스부터 2개 삭제 🙂,😎

 

splice는 splice (삭제할 처음 인덱스, 지우는 길이); 로 사용합니다.

---

🚫주의

shift와 unshift는 pop과 push보다 느리다!!

pop과 push는 배열의 마지막에서 사용되기 때문에 삭제와 삽입이 용이하지만

shift와 unshift는 배열의 첫번째에서 사용되기 때문에 배열안에 들어있는 값들의 움직임이 더 많습니다.

그래서 왠만하면 pop과 push를 사용하는 것이 좋습니다!!!

 

---

3. 삽입과 삭제

1. splice(pos , length, 'value', 'value');

const arr = ['🙂','🙄','😎'];

arr.splice(1, 1,'😪','😴');

console.log(arr); 

//result
//['🙂','😪','😴','😎']
// 1번째 인덱스부터 1개 삭제 후
// 그자리에 '😪','😴'가 들어옴

 

splice는 삭제뿐만 아니라 그자리에 원하는 인덱스를 넣을 수 있습니다. (여러개도 가능)

---

4. 복제, 합치기

1. slice( )

const arr = ['🙂','🙄','😎'];

const copyArr = arr.slice();

console.log(arr); 
console.log(copyArr);

//result
//['🙂','🙄','😎']
// ['🙂','🙄','😎']

 

arr.slice()로 사용되며 배열 그대로 복사됩니다.

 

2. concat( )

const arr = ['🙂','🙄','😎'];

const comArr = arr.concat(['😪','😴']);

console.log(comArr); 

//result
//['🙂','🙄','😎','😪','😴']
// 배열 2개가 합쳐진다.


const arr2 =['😪','😴'];
const comArr2 = arr.concat(arr2);

console.log(comArr2)
console.log(arr)

//result
//['🙂','🙄','😎','😪','😴']
//['🙂','🙄','😎'] <- arr는 그대로 유지

 

concat은 새로운 배열에 두 배열의 값을 합쳐줍니다.

 

---

전에 for문 설명에 정리했던 forEach문도 배열을 이용한 메서드입니다.

그리고이런 메서드들을 이용해서 배열을 좀 더 쉽고 빠르게 편집이 가능하겠죠?

 

까먹지 않도록 많이 써먹어서 시간 단축, 코딩 단축해야겠습니다 .

 

그럼 이상으로 배열에 관한 메서드 정리였습니다~