본문 바로가기

배열2

ArrayFunction 2 (find, filter) find와 filter는 사용하는 방법, 메커니즘은 동일하다. 다만 return값이 다른데 find의 경우에는 조건을 만족하는 최초의 값을 찾아 반환하고 filter의 경우에는 조건에 만족하는 모든 값을 배열의 형태로 반환해준다. 두 함수 모두 함수의 대상이 되는 배열의 상태를 변화시키지 않는 함수이다. (arr.find() , arr.filter()를 해도 arr는 변화가 없음) find와 filter는 모두 인자로 콜백 함수를 넘겨주면 된다. 콜백함수의 인자는 조건 검사의 대상이 되는 배열의 값이 순서대로 넘어가고 return 값은 true false로 결정될 수 있는 조건식이 들어가면 된다. 아래의 코드 블록을 보면 이해가 쉽다. const arr1 = [1,2,3,4,5,1] // const ar.. 2021. 12. 14.
Array Function 1 (Map) map 함수는 ES5에서 처음 등장한 스펙으로 실제로 로직 구현에서 자주 등장하는 함수 중 하나이다. 우선 아주 쉬운 예를 하나 보도록 하자 let arr = [1,2,3,4,5] let arr2 = arr.map((item) => { item + '일' }); console.log(arr) // [1,2,3,4,5] console.log(arr2) // ['1일','2일','3일','4일','5일'] 위의 코드와 같이 어떠한 배열이 있는데, 그 배열에 모두 똑같은 변화(추가 혹은 삭제 혹은 모두 같은 값)를 주기 위해 사용하는 것이 Array.prototype.map()이다. 그렇다면 실제로 직접 해 볼 수 있는 예제로 몇가지를 수행해보도록 하자! (예제는 MDN사이트에서 가져왔으므로 정답은 MDN사이.. 2021. 12. 13.