Array method - 1

 알고리즘을 풀거나 코드를 작성할 때 아직 if 와 for에 더 익숙한 탓인지 특정 메소드를 정말 필요로 하는 상황이 아니면

filter , map , reduce 등의 메소드를 잘 사용하지 못하는 편인 것 같다. 메소드가 어떻게 동작하는 것인지 정확히 파악한다면

내가 코드를 작성할 때 조금 더 영리하게 사용할 수 있을까하는 맘에 복습 겸 메소드를 정리하기!

---

let arr1 = [ 1 , 2 , 3 ] ;  

let arr2 = [ 4 , 5 , 6 ] ; 

---

• Array.concat()

인자로 주어진 배열이나 값을 기존 배열에 합쳐서 새 배열을 반환한다.

 

 arr1.concat(arr2)  =  [ 1 , 2 , 3 , 4 , 5 , 6 ] ;

 

---

• Array.fill()

시작 인덱스부터(2번 인자/생략하면 처음부터) 끝 인덱스까지(3번 인자/생략하면 끝까지) 정적인 값(1번 인자)으로 채운다.

 

arr1.fill(5,1) = [ 1 , 5 , 5 ] ;

 

---

• Array.flat()

중첩된 배열 구조를 평평하게 , 한 배열로 합쳐준다. 기본값은 1 ,인자로 들어오는 숫자만큼 슬롯 중첩을 제거한다.

 

 let arr3 = [ 1 , [ 2 , 3 ], 4 ] 
 
 arr3.flat() = [ 1, 2 , 3 , 4 ];

 

---

• Array.includes() 

배열이 특정 요소를 포함하고 있는지 확인 후 Boolean 값으로 리턴한다.

 

arr1.includes(1) = true 

arr1.includes(4) = false

 

---

• Array.indexOf()

지정된 요소를 찾을 수 있는 첫 번째 인덱스를 ,존재하지 않으면  -1을 리턴한다.  인자는 시작지점을 지정한다. 기본값은 0.

 

arr1.indexOf(3) = 2  

arr1.indexOf(4) = -1

 

---

• Array.lastIndexOf()

지정된 요소가 배열에서 발견될 수 있는 마지막 인덱스를, 존재하지 않으면 -1을 리턴한다.

 

let arr4 = [1, 2, 3, 1, 2, 3] 

arr4.lastIndexOf(2) = 4  

arr4.lastIndexOf(5) = -1

 

---

• Array.join()

배열의 모든 요소를 연결해 문자열로 만든다. 인자로 구분할 문자열을 지정한다. 생략시 쉼표로 ,빈문자열이면 문자없이 연결한다.

 

let arr5 = ['a','b','c']  

arr5.join() = 'a,b,c'  

arr5.join( ) = 'abc'  

arr5.join(-) = 'a-b-c'

 

---

• Array.pop()

배열의 마지막 요소를 제거하고 그 요소를 반환합니다.

 

arr1.pop() = 3  

arr1 = [ 1 , 2 ]

 

---

• Array.push()

배열의 끝에 하나 이상의 요소를 추가하고, 배열의 새로운 길이를 반환한다.

 

arr1.push(4) = 4 

arr1 = [ 1 , 2 , 3 , 4 ]

 

---

• Array.reverse()

배열의 순서를 반전한다. 첫 요소가 마지막 요소로 , 마지막 요소는 첫 요소가 된다.

 

arr1.reverse() = [ 3 , 2 , 1 ]

 

---

• Array.shift()

배열의 첫 요소를 제거하고, 제거된 요소를 반환한다.

 

arr1.shift() = 1  

arr1 = [ 2 , 3 ]

 

---

• Array.unshift()

새로운 요소를 배열 맨 앞에 추가하고 새로운 길이를 반환한다.

 

arr1.unshift(4,5) = 5 

arr1 = [ 4 , 5 , 1 , 2 , 3 ]

 

---

• Array.slice()

배열의 시작(1번 인자 / 생략시 시작부터 끝까지)부터 끝(2번 인자 / 생략시 끝까지)까지 복사한 새로운 배열 반환.

 

arr1.slice(1) = [ 2 , 3 ] 

arr1 = [ 1 , 2 , 3 ]  

arr1.slice() = [ 1 , 2 , 3 ]

 

---

• Array.splice()

배열의 기존요소를 삭제 , 교체하거나 새 요소를 추가한다.
시작점 start(1번 인자),  삭제 수 deleteCount(2번 인자) , 추가할 요소item...(3~번 인자/생략 시 삭제만 진행) 를 인자로 가진다.

let arr4 = [ 1 , 2 , 3 , 1 , 2 , 3 ] 

arr4.splice(1,2) = [ 2 , 3 ] 

arr4 = [ 1 , 1 , 2 , 3 ]

arr4.splice(2,1,5) = [ 2 ]

arr4 = [ 1 , 1 , 5 , 3 ] 

---

아는 것이 힘이라는 말처럼 코드를 작성할 때도 메소드를 많이 알고 있으면 좀 더 효율적인 코딩이 가능하다.

 

가독성있고 효율적인 코딩을 위해서 메소드를 이해하고 언제든 서치할 수 있는 능력을 계속 성장시키는 중.