[JS] filter, concat, slice 함수 알아보기

리액트를 처음 배우면서 게시판 만들기를 하고 있는데 모르는 함수가 나와서 정리합니다.

 

filter()

filter() 함수는 주어진 테스트를 통과하는 요소들을 모아서 새로운 배열을 반환합니다.

 

예시 코드

const words = ['javascript', 'html', 'css', 'react']

const result = words.filter(word => word.length > 4 )

console.log(result)
//['javascript','react']

---

concat()

concat 함수는 주어진 배열이나 값을 기존의 배열에 합쳐서 새 배열을 반환합니다.

-기존 배열은 변경하지 않음

-새로운 배열 반환

 

예시 코드

const array1 = ['html', 'css']
const array2 = ['javascript', 'react']
const result = array1.concat(array2)

console.log(result)
//['html', 'css', 'javascript', 'react']

---

slice()

slice 함수는 어떤 배열의 begin부터 end까지의 복사본을 새로운 배열로 반환합니다. 이때 end는 포함하지 않습니다.

-end의 값이 없으면 배열의 끝까지 추출

 

예시 코드

const coding = ['html', 'css', 'javascript', 'react']
console.log(coding.slice(1))
//['css', 'javascript', 'react']

const coding = ['html', 'css', 'javascript', 'react']
console.log(coding.slice(1,2))
//['css']