전체 글

전개 연산자(Spread Operator) 전개 연산자(스프레드 연산자 ...)는 배열의 요소나 반복 가능한 객체 등의 요소를 전개하거나 나열해주는 연산자 입니다. apply()를 이용하여 배열의 요소 전개하기 function sum(a, b, c, d) { return a + b + c + d; } let nums = [1, 2, 3, 4]; let result = sum( nums[0], nums[1], nums[2], num[3] ); let result = sum( sum.apply(null, nums) ); 위의 코드처럼 sum()에 num배열의 각 요소를 넘기려면 하나 씩 번거롭게 넘겨야 합니다. 그러나 전개 연산자를 사용한다면 배열의 요소들이 개별 매개변수로 전달되기 때문에 보다 간편하고 간..

reduce()는 사전적으로 줄이다는 뜻을 가지고 있습니다. 사전적 의미 그대로 배열의 요소를 순차적으로 순회하며 작업의 처리 결과를 누적하여 최종 리턴 값을 하나로 줄여 리턴하는 함수입니다. map(), filter()와 다르게 배열이 아닌 하나의 결괏값을 반환한다는 큰 차이가 있으며, 보통 배열의 요소를 하나의 값으로 도출할 때 사용됩니다. reduce() "배열".reduce(callback[, initialValue]) "배열".reduce(callback(accumulator, currentValue, index, array), initialValue); accumulator : 누적값. 배열을 순회하면서 작업의 처리 결과를 누적하는 값으로 순회가 종료되면 최종 리턴값이 되는 값입니다. curr..

Javascript의 문자열에서 '특정 문자열'을 찾아서 '치환'해주는 방법인 replace()와 replaceAll()함수를 살펴보겠습니다. replace() "문자열".replace(searchValue, newValue); searchValue : 찾을 문자열 newValue : 변경할 문자열 원래의 문자열을 변경하지 않고, 새로운 문자열을 리턴합니다. 문자열 변수의 특정 문자를 제거하거나 모든 공백을 없앨 때 사용합니다. 대소문자를 구분하며, 첫 번째로 찾은 문자열만 치환해 줍니다. let str = 'Park, Lee, Kim'; let replaced_str = str.replace('Lee', 'Son'); console.log(str); // 결과 : 'Park, Lee, Kim' cons..

filter() "배열".filter(callBackFunction(currValue, index, array), newValue); filter()는 말 그대로 걸러주는 역할을 하는 함수입니다. 주로 특정 조건을 만족하는 새로운 배열을 필요로 할 때 사용하는 편입니다. callBackFunction 배열의 각 요소를 처리하는 콜백 함수이며, 배열의 요소를 전달 인자로 받고, 결과로 true 또는 false를 반환합니다. 단 true 를 반환하면 해당 요소가 필터링된 배열에 포함되고, false를 반환하면 해당 요소가 필터링된 배열에 포함되지 않습니다. currValue: 원본 배열의 데이터 index : 현재처리중인 인덱스 array : 기존 배열 const numbers = [1, 2, 3, 4, 5..