reduce
-
- [React.js] useReducer ํ
useReducer ํ ๋ค์ด๊ฐ๋ฉฐ๋ฆฌ์กํธ(React.js)์์ ์ฌ์ฉ๋๋ @useReducer@ ํ ์ ๋ํด ์ ๋ฆฌํด๋ณธ๋ค. @useReducer@ ๊ฐ๋ ์ปดํฌ๋ํธ์ ๋ฆฌ๋์(Reducer)๋ฅผ ์ถ๊ฐํ๋ ๋ฆฌ์กํธ ํ const [state, dispatch] = useReducer(reducer, initialArg, init?) (์ฐธ๊ณ ) ๋ฆฌ๋์ค(Reduce, @reduce()@)๋ฐฐ์ด์ ๊ฐ ์์์ ๋ํด ์ ๊ณต๋ ํจ์(@callback@ ํจ์)๋ฅผ ์คํํ๊ณ ํ๋์ ๊ฒฐ๊ณผ๊ฐ์ ๋ฐํํ๋ ๋ฉ์๋๋ฐฐ์ด์ ๊ฐ ์์๋ฅผ ๋์ (Accumulate)ํ์ฌ ๋จ์ผ ๊ฐ์ผ๋ก ์ค์ด๋ ์ญํ ์ ํ๋ค.์ฃผ๋ก ํฉ๊ณ, ํ๊ท , ์ต๋๊ฐ, ์ต์๊ฐ, ๊ฐ์ฒด ์์ฑ ๋ฑ ๋ค์ํ ๊ฒฝ์ฐ์ ์ ์ฉํ๊ฒ ์ฌ์ฉ๋๋ค.const array = [1, 2, 3, 4, 5];const result = a..
2024.06.07 -
- [JavaScript] Map / Filter / Reduce / Find / FindIndex / IndexOf / Includes
Map / Filter / Reduce / Find / FindIndex / IndexOf / Includes ๋ค์ด๊ฐ๋ฉฐ ์๋ฐ์คํฌ๋ฆฝํธ ES6์ @Map@, @Filter@, @Reduce@, @Find@, @FindIndex@, @IndexOf@, @Includes@ ํจ์์ ๋ํด ์์๋ณด์. ์ด ํจ์๋ค์ ๋ฐฐ์ด์ ๋ค์ํ ๋ฐฉ์์ผ๋ก ์กฐ์ํ๊ณ ํํฐ๋งํ๋ฉฐ, ๋ฐฐ์ด ์์๋ฅผ ๊ฐ๊ณตํ์ฌ ํ์ํ ๊ฒฐ๊ณผ๋ฅผ ์ป์ ๋ ์ ์ฉํ๊ฒ ์ฌ์ฉ๋๋ค. ์ค๋ช โ Map Map ํจ์๋ ๋ฐฐ์ด์ ๊ฐ ์์์ ๋ํด ์ฃผ์ด์ง ํจ์๋ฅผ ํธ์ถํ๊ณ , ๊ทธ ํจ์๊ฐ ๋ฐํํ๋ ๊ฐ์ ๋ชจ์ ์๋ก์ด ๋ฐฐ์ด์ ์์ฑํ๋ค. ๊ธฐ์กด ๋ฐฐ์ด์ ๊ฐ ์์๋ฅผ ๋ณํํ์ฌ ์๋ก์ด ๋ฐฐ์ด์ ๋ง๋ค ๋ ์ฃผ๋ก ์ฌ์ฉ๋๋ค. ์๋ฅผ ๋ค์ด, ๋ชจ๋ ์์๋ฅผ 2๋ฐฐ๋ก ๋ง๋๋ ๊ฒฝ์ฐ์ ๊ฐ์ด ๊ฐ ์์๋ฅผ ์์ ํ๊ณ ์๋ก์ด ๋ฐฐ์ด์ ์์ฑํ๋ ..
2023.12.13