JavaScript Array Method

JavaScript Array Method

1. forEact((item, index, array) => {})

   	Array.forEach((item, index, array) => {
       	console.log(item, index, array)
       })

   • 배열의 모든 요소에 콜백 함수를 실행하고 현재 호출하는 Array를 변환할 수는 있다.
   • 반환값을 버리고 항상 undefined를 반환한다.
   
   

2. map((item) => {})

   	Array.map((item) => {
        	return item * 100
       })

   • 배열의 모든 요소에 콜백 함수를 실행하고 각 요소의 반환값을 모아서 새로운 배열을 반환한다.
   
   

3. filter((item) => {})

   	Array.filter(item => item.length > 10)

   • 배열의 모든 요소에 콜백 함수를 실행하고 함수의 조건을 통과하는 요소만 모아서 새로운 배열을 반환한다.
   
   

4. reduce((acc, curr) => {}, init)

   	Array.reduce((acc, curr) => {
       	return acc + curr
       }, init)

   • 배열의 모든 요소에 리듀서 함수를 실행하고, 하나의 결과값을 반환한다.
   • 일반적으로 누산기(모든 값을 더함)로 많이 사용된다.
   • accumulator(누산기)에 처음에 init값이 들어가고, 이후 curr(요소)이 더해진뒤 accumulator로 합쳐진다.
   • reduceRight()는 배열의 끝에서부터 반대로 실행된다.
   
   

5. splice(startIndex, deleteCount, addItem)

   	Array.splice(1, 0, "AddItem")

   • 배열의 기존 요소를 삭제 또는 교체 하거나 새 요소를 추가하여 호출한 배열의 내용을 변경한다.
   • 첫번째 인자로 넣은 index부터 시작되고, 두번째 인자에 0으로 아무것도 삭제하지 않는다면 반드시 새 요소를 추가해야 한다.
   • 두번째 인자를 생략하거나 값이 array의 길이 보다 길다면 start부터 모든 요소가 삭제된다.
   • 제거된 요소가 있다면 배열의 형태로 반환한다.
   
   

6. slice(startIndex, endIndex)

   	Array.slice(0, 5) // 종료 인덱스 앞까지만 추출한다.

   • 시작 인덱스 ~ 종료 인덱스 앞까지의 모든 요소를 추출하여 새로운 배열을 반환한다. (shallow copy)
   • 종료 인덱스를 넣지 않는다면 마지막 요소까지 모두 추출한다.
   • 원본 배열은 바뀌지 않는다.
   
   

7. every((item) => {}) & some((item) => {})

   	Array.every(item => item > 10)
   	Array.some(item => item > 10)

   • every() - 배열의 모든 요소가 주어진 조건에 만족하는지 Boolean값을 반환한다.
   • some() - 배열의 요소중 하나라도 주어진 조건에 만족하는지 Boolean값을 반환한다.
   
   

8. push(item) & pop()

   	Array.push("Some")
   	Array.pop()

   • push() - 배열의 가장 마지막에 요소를 추가해준다.
   • pop() - 배열의 가장 마지막 요소를 제거하고, 제거된 요소를 반환해준다.
   
   

9. shift() & unshift(item)

   	Array.shift()
   	Array.unshift("Some")

   • shift() - 배열의 가장 앞의 요소를 제거하고, 제거된 요소를 반환해준다.
   • unshift() - 배열의 가장 앞에 요소를 추가하고 변경된 배열의 길이를 반환한다.
   
   

10. reverse()

    	Array.reverse()

    • 배열의 순서를 반전되게 만들어준다 => 첫번째 요소는 마지막요소 & 마지막 요소는 첫번째 요소
    
    

11. sort()

    	Array.sort()

    • 배열의 요소를 기본 정렬 순서인 문자열의 유니코드에 따라서 정렬한 뒤 호출한 배열을 반환해준다.
    
    

12. join("separator") & toString()

    	Array.join("-") //separator
    	Array.toString()

    • join() - 배열의 모든 요소를 하나의 문자열로 만들고, separator를 넣어서 구분해줄 수 있다. (기본값은 쉼표(,)이다.)
    • toString() - 배열의 모든 요소를 하나의 문자열로 반환하고 요소 사이에는 자동으로 쉼표(,)가 삽입된다.
    
    

13. concat(item)

    	Array.concat([3,4], [5,6], 10, [11, [12]]) // [12]는 배열 자체가 들어간다.

    • 배열의 뒷부분에 인자로 전달받은 데이터를 합쳐서 새로운 배열을 반환한다.
    • 중첩되지 않은 배열을 넣는다면 배열에서 요소만 순서대로 들어가고, 중첩된 배열을 넣는다면 중첩된 배열부터는 배열 자체가 들어간다.
    
    

14. includes()

    	Array.includes("Some")

    • 배열이 특정 요소를 포함하고 있는지에 대하여 Boolean을 반환한다.
    
    

15. indexOf() & lastIndexOf()

    	Array.indexOf("Some")
    	Array.lastIndexOf("Some")

    • indexOf - 배열에서 주어진 값을 발견할 수 있는 첫번째 인덱스를 반환하고, 없다면 -1을 반환한다.
    • lastIndexOf() - 배열에서 주어진 값을 발견할 수 있는 마지막 인덱스를 반환하고, 없다면 -1을 반환한다.
    
    

16. find((item) => {}) & findIndex((item) => {})

    	Array.find(ele => ele > 10)
    	Array.findIndex(ele => ele > 10)

    • find() - 주어진 조건에 만족하는 배열의 첫번째 요소의 값을 반환하고, 없다면 undefined를 반환한다.
    • findIndex() - 주어진 조건에 만족하는 배열의 첫번째 요소의 인덱스를 반환하고, 없다면 -1을 반환한다.