๊ด€๋ฆฌ ๋ฉ”๋‰ด

๋ชฉ๋ก์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฐฐ์—ด ํ•จ์ˆ˜ (4)

Hey Tech

[JavaScript] ๋ฐฐ์—ด ์›์†Œ์™€ ์ธ๋ฑ์Šค๋ฅผ ๋ฐ˜๋ณต์ ์œผ๋กœ ํ™œ์šฉํ•˜๋Š” ํ•จ์ˆ˜(forEach, map ํ•จ์ˆ˜)

๐Ÿ’ก ๋ชฉํ‘œ JavaScript์—์„œ forEach ํ•จ์ˆ˜์™€ map ํ•จ์ˆ˜์˜ ํ™œ์šฉ๋ฒ•์— ๋Œ€ํ•ด ํ•™์Šตํ•œ๋‹ค. 1. forEach ํ•จ์ˆ˜ ํ•จ์ˆ˜ ์›ํ˜•(๊ธฐ๋ณธ) ๋ฐฐ์—ด.forEach(์ฝœ๋ฐฑํ•จ์ˆ˜(๊ฐ’, ์ธ๋ฑ์Šค, ๋ฐฐ์—ด ์ž์‹ )); forEach ํ•จ์ˆ˜๋Š” ์ „๋‹ฌ์ธ์ž๊ฐ€ ๋ฐฐ์—ด ๋‚ด ์›์†Œ ๊ฐ’, ์ธ๋ฑ์Šค, ๋ฐฐ์—ด ์ž์‹ ์ธ ์ฝœ๋ฐฑํ•จ์ˆ˜๋ฅผ ๋ฐ›๋Š” ํ•จ์ˆ˜์ž…๋‹ˆ๋‹ค. ์ฆ‰, forEach ํ•จ์ˆ˜๋Š” for ๋ฐ˜๋ณต๋ฌธ์ฒ˜๋Ÿผ ์ฒซ ๋ฒˆ์งธ ์›์†Œ๋ถ€ํ„ฐ ๋งˆ์ง€๋ง‰ ์›์†Œ๊นŒ์ง€ ์ฐจ๋ก€๋Œ€๋กœ ๋ฐฐ์—ด์—์„œ ๊บผ๋‚ด ์ฝœ๋ฐฑํ•จ์ˆ˜์— ์ „๋‹ฌํ•ฉ๋‹ˆ๋‹ค. map ํ•จ์ˆ˜์™€ ๋‹ค๋ฅด๊ฒŒ ๋ฆฌํ„ด ๊ฐ’์ด ์—†๋‹ค๋Š” ํŠน์ง•์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์˜ˆ์ œ ์ฝ”๋“œ์™€ ํ•จ๊ป˜ ์‚ดํŽด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ์˜ˆ์ œ1 let arr1 = [100, 200, 300]; arr1.forEach( (v, idx, arr) => { console.log(`${idx} ์ธ๋ฑ์Šค์˜ ๊ฐ’: ${v}`); console.lo..

SW ๊ฐœ๋ฐœ/Vanilla JS 2021. 12. 2. 20:04
[JavaScript] ๋ฐฐ์—ด ๋‚ด ์ตœ๋Œ“๊ฐ’, ์ตœ์†Ÿ๊ฐ’ ์ฐพ๊ธฐ(Math ๊ฐ์ฒด ๋‚ด max, min ํ•จ์ˆ˜)

๐Ÿ’ก ๋ชฉํ‘œ JavaScript์—์„œ ๋ฐฐ์—ด ๋‚ด ์ตœ๋Œ“๊ฐ’, ์ตœ์†Ÿ๊ฐ’ ์ฐพ๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•˜์—ฌ ํ•™์Šตํ•œ๋‹ค. 1. Math.max() ํ•จ์ˆ˜: ์ตœ๋Œ“๊ฐ’ ์ฐพ๊ธฐ ํ•จ์ˆ˜ ์›ํ˜• Math.max(๋ฐฐ์—ด); Math ๊ฐ์ฒด ๋‚ด max ํ•จ์ˆ˜๋Š” ๋ฐฐ์—ด ๋‚ด ์ตœ๋Œ“๊ฐ’์„ ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค. ์˜ˆ์ œ console.log(Math.max(3, 4, 5, 6, -1)); // 6 2. Math.min() ํ•จ์ˆ˜: ์ตœ์†Ÿ๊ฐ’ ์ฐพ๊ธฐ ํ•จ์ˆ˜ ์›ํ˜• Math.min(๋ฐฐ์—ด); Math ๊ฐ์ฒด ๋‚ด min ํ•จ์ˆ˜๋Š” ๋ฐฐ์—ด ๋‚ด ์ตœ์†Ÿ๊ฐ’์„ ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค. ์˜ˆ์ œ console.log(Math.max(3, 4, 5, 6, -1)); // -1 ์˜ค๋Š˜์€ JavaScript์—์„œ ๋ฐฐ์—ด ๋‚ด ์ตœ๋Œ“๊ฐ’, ์ตœ์†Ÿ๊ฐ’์„ ๊ตฌํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์•Œ์•„๋ดค์Šต๋‹ˆ๋‹ค. ํฌ์ŠคํŒ… ๋‚ด์šฉ์— ์˜ค๋ฅ˜๊ฐ€ ์žˆ๋‹ค๋ฉด ์•„๋ž˜์— ๋Œ“๊ธ€ ๋‚จ๊ฒจ์ฃผ์„ธ์š”! ๊ทธ๋Ÿผ ์˜ค๋Š˜๋„ ์ฆ๊ฒ๊ณ  ํ–‰๋ณต..

SW ๊ฐœ๋ฐœ/Vanilla JS 2021. 12. 2. 16:14
[JavaScript] ๋ฐฐ์—ด ๋‚ด ์กฐ๊ฑด์— ๋งž๋Š” ์›์†Œ ๊ตฌํ•˜๊ธฐ(every, some ํ•จ์ˆ˜)

๐Ÿ’ก ๋ชฉํ‘œ JavaScript์—์„œ ๋ฐฐ์—ด ๋‚ด ์กฐ๊ฑด์— ๋งž๋Š” ์›์†Œ๋ฅผ ๊ตฌํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ํ•™์Šตํ•œ๋‹ค. 1. every ํ•จ์ˆ˜: ๋ชจ๋“  ์›์†Œ์˜ ์กฐ๊ฑด์‹ ๋งŒ์กฑ ์—ฌ๋ถ€ ํ™•์ธ ํ•จ์ˆ˜ ์›ํ˜• ๋ฐฐ์—ด.every(์กฐ๊ฑด์‹ ํ•จ์ˆ˜) every ํ•จ์ˆ˜๋Š” ๋ฐฐ์—ด ๋‚ด ๋ชจ๋“  ์›์†Œ๊ฐ€ ์กฐ๊ฑด์„ ๋งŒ์กฑํ•˜๋ฉด true๋ฅผ, ํ•˜๋‚˜๋ผ๋„ ๋ถˆ๋งŒ์กฑํ•  ๊ฒฝ์šฐ false๋ฅผ ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค. ์˜ˆ์ œ ์ฝ”๋“œ let arr1 = [1, 30, 39, 29, 10, 13]; function everyFunction(value){ return value < 38; } let arr2 = arr1.every(everyFunction); console.log(arr2); // false ์œ„์˜ ์˜ˆ์ œ๋Š” ๋ฐฐ์—ด ๋‚ด ๋ชจ๋“  ์›์†Œ๊ฐ€ 38๋ณด๋‹ค ํฐ์ง€ ํ™•์ธํ•˜๋Š” ์ฝ”๋“œ์ž…๋‹ˆ๋‹ค. ๋”ฑ ์›์†Œ 39๊ฐ€ 38๋ณด๋‹ค ํฐ ๊ฐ’์ด๊ธฐ ๋•Œ๋ฌธ์— eve..

SW ๊ฐœ๋ฐœ/Vanilla JS 2021. 12. 2. 08:12
[JavaScript] ๋ฐฐ์—ด ์ธ๋ฑ์‹ฑ์œผ๋กœ ํŠน์ • ์›์†Œ ์ถœ๋ ฅ/์ œ๊ฑฐ/์ถ”๊ฐ€ํ•˜๊ธฐ(slice, splice ํ•จ์ˆ˜)

๐Ÿ’ก ๋ชฉํ‘œ JavaScript์—์„œ ๋ฐฐ์—ด ์ธ๋ฑ์‹ฑ์„ ํ†ตํ•ด ์›์†Œ๋ฅผ ์ถœ๋ ฅ, ์ œ๊ฑฐ, ์ถ”๊ฐ€ํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ํ•™์Šตํ•œ๋‹ค. 1. slice ํ•จ์ˆ˜: ํŠน์ • ๊ตฌ๊ฐ„ ์ธ๋ฑ์Šค์˜ ์›์†Œ ๋ฐ˜ํ™˜ ํ•จ์ˆ˜ ์›ํ˜• ๋ฐฐ์—ด.slice(์‹œ์ž‘ ์ธ๋ฑ์Šค, ๋ ์ธ๋ฑ์Šค) slice ํ•จ์ˆ˜๋Š” ํŠน์ • ๊ตฌ๊ฐ„์˜ ์ธ๋ฑ์Šค์— ํ•ด๋‹นํ•˜๋Š” ์›์†Œ๋ฅผ ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค. 2๊ฐœ์˜ ์ •์ˆ˜ํ˜• ๋งค๊ฐœ๋ณ€์ˆ˜๋ฅผ ์ „๋‹ฌํ•˜๋Š”๋ฐ ๊ฐ๊ฐ ์‹œ์ž‘ ์ธ๋ฑ์Šค, ๋ ์ธ๋ฑ์Šค์ž…๋‹ˆ๋‹ค. ํŠนํžˆ, ๋์  ์ธ๋ฑ์Šค๋Š” ํฌํ•จํ•˜์ง€ ์•Š๊ธฐ ๋•Œ๋ฌธ์—, ์›์†Œ๋ฅผ ์ถ”์ถœํ•˜๋Š” ๊ตฌ๊ฐ„์„ ์ˆ˜ํ•™์ ์œผ๋กœ ํ‘œํ˜„ํ•˜๋ฉด [์‹œ์ž‘์ , ๋์ )์ž…๋‹ˆ๋‹ค. ์˜ˆ์ œ ์ฝ”๋“œ let arr1 = [1, 2, 3, 4, 5, 6, 7, 8]; let arrSlice = arr1.slice(2, 6); // [start, end) ๊ตฌ๊ฐ„ ์ธ๋ฑ์‹ฑ console.log(arrSlice); // 3, 4, 5, 6 ์œ„..

SW ๊ฐœ๋ฐœ/Vanilla JS 2021. 12. 1. 16:52