배열 함수

Array 함수 #6. 기타

1. toString let input = [1,2,3,4]; let output = input.toString(); // output = '1,2,3,4' 일반적으로 toString은 숫자 하나와 같은 객체 하나를 문자열로 변환할 때도 쓸 수 있지만 배열에 사용했을 때는 배열의 원소들을 연결해서 하나의 문자열로 반환한다. 만약 number 타입이 아닌 string 타입의 배열 ['1', '2', '3', '4']를 만들려면 let input = [1,2,3,4]; let output = input.map(String); // output = ['1','2','3','4'] map 함수를 써서 변환하려는 타입을 전달하면 된다. 2. join let input = [1,2,3,4]; let output =..

Array 함수 #4. reduce vs.forEach

1. reduce reduce(callbackfn: (previousValue: T, currentValue: T, currentIndex: number, array: T[]) => T): T; reduce(callbackfn: (previousValue: T, currentValue: T, currentIndex: number, array: T[]) => T, initialValue: T): T; reduce(callbackfn: (previousValue: U, currentValue: T, currentIndex: number, array: T[]) => U, initialValue: U): U; reduce 함수는 배열을 순회하면서 콜백 함수를 반복 실행하고, 모든 반복의 결과를 하나의 값으로 줄..

Array 함수 #3. 배열에 원소 추가,삭제

1. slice 특정 배열을 start 인덱스부터 end 인덱스까지 잘라서 새로운 배열에 넣어 리턴하는 함수다. 함수의 반환 값은 잘라낸 원소들로 이뤄진 새 배열이다. 함수 자체는 두 개의 파라미터를 받는 간단한 형태인데 두 파라미터를 어떻게 넣는지에 따라 아주 다양하게 결과가 나오기 때문에 주의가 필요하다. start와 end 주의점 배열의 인덱스를 벗어나는 수를 입력해도 에러가 발생하지는 않음 양수인 경우, 배열의 앞에서부터 인덱스를 의미함 음수인 경우, 배열의 뒤에서부터 세는 인덱스를 의미함 양수이면서 그 절대값이 배열의 길이 이상인 경우, 배열의 길이와 같은 인덱스를 의미함 음수이면서 그 절대값이 배열의 길이 이상인 경우, 0을 의미함 start가 undefined인 경우, 0을 의미함 end를 ..

Array 함수 #2. 조건 확인

1. filter let input = [0,1,2,3,4]; let output = input.filter(x => { if (x % 2 == 0) return true; }) console.log(output); // [0,2,4] filter 함수는 map과 비슷하다. 둘의 공통점은, 배열을 순회하면서 새로운 배열을 만들어 리턴한다. filter 함수는 콜백 함수가 true를 리턴했을 때만 그 때의 원소를 새 배열에 추가한다. map과 filter의 차이는 크게 두 가지가 있다. (1) map은 리턴하는 배열에 콜백 함수가 적용된 새 원소를 추가하고, filter는 기존 배열의 원소를 그대로 복사해 추가한다. let input = [0,1,2,3,4]; let outputMap = input.map..