본문 바로가기

javascript3

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.
js type 대부분, 자바스크립트에서 제공하는 원시값을 number, string, boolean, symbol, null, undefined 6개 정도로 알고 있는 사람들이 많다. 하지만 거기에 BigInt라는 원시값이 별도로 있어 원시값은 null까지 총 개가 있다. 실제적으로 사용하는 빈도는 거의 없지만 BigInt의 활용은 기본적으로 주어지는 Number값(최대치 : 2의 53제곱 -1)에서 감당할 수 없는 숫자를 담을 때 사용한다. BigInt를 직접 확인하고 싶다면 다음과 같이 선언이 가능하다. 1. 숫자뒤에 n을 붙여준다 2. 변수에 담을때 BinInt(숫자||숫자형 문자) 로 담아준다. let a = 1n; console.log(typeof(a)) // bigint let b = BigInt(1) co.. 2021. 11. 22.