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

๋ชฉ๋ก2021/12 (29)

DATA101

[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
[JavaScript] ๋ฐฐ์—ด ๋‚ด ํŠน์ • ์›์†Œ ์ธ๋ฑ์Šค ์ฐพ๊ธฐ(indexOf, lastIndexOf ํ•จ์ˆ˜)

๐Ÿ’ก ๋ชฉํ‘œ JavaScript์—์„œ ๋ฐฐ์—ด ๋‚ด ํŠน์ • ์›์†Œ์˜ ์ธ๋ฑ์Šค ์ถ”์ถœ ๋ฐฉ๋ฒ•์„ ํ•™์Šตํ•œ๋‹ค. 1. indexOf ํ•จ์ˆ˜: ๋ฐฐ์—ด ์•ž์—์„œ๋ถ€ํ„ฐ ์›์†Œ ์œ„์น˜ ํƒ์ƒ‰ let arr1 = ['tiger', 'lion', 'cat', 'dog', 'cat']; console.log(arr1.indexOf('cat')); // ์ฐพ์€ ๊ฒฝ์šฐ ์ธ๋ฑ์Šค ๋ฐ˜ํ™˜: 2 console.log(arr1.indexOf('rabbit')); // ๋ชป ์ฐพ์€ ๊ฒฝ์šฐ -1 indexOf ํ•จ์ˆ˜๋Š” ๋ฐฐ์—ด ๋งจ ์•ž์—์„œ๋ถ€ํ„ฐ(์ธ๋ฑ์Šค [0]) ํŠน์ • ์›์†Œ์˜ ์œ„์น˜๋ฅผ ํƒ์ƒ‰ํ•˜๊ณ , ๋ฐฐ์—ด ๋‚ด ํ•ด๋‹น ์›์†Œ๊ฐ€ ์žˆ๋‹ค๋ฉด ๊ฐ€์žฅ ๋จผ์ € ๋ฐœ๊ฒฌ๋œ ์ธ๋ฑ์Šค๋ฅผ ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค. ๋‹จ, ๋งŒ์•ฝ ๋ฐฐ์—ด ๋‚ด ํ•ด๋‹น ์›์†Œ๊ฐ€ ์—†๋‹ค๋ฉด -1์„ ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค. ์œ„ ์˜ˆ์ œ ์ฝ”๋“œ์—์„œ๋Š” 3๋ฒˆ์งธ ์œ„์น˜์— ์žˆ๋Š” ์›์†Œ์˜ ์ธ๋ฑ์Šค 2๋ฅผ ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค. 2. ..

SW ๊ฐœ๋ฐœ/Vanilla JS 2021. 12. 1. 16:31
[JavaScript] ๋ฐฐ์—ด ์›์†Œ ์ œ๊ฑฐ/์ถ”๊ฐ€ ๋ฐฉ๋ฒ•(pop, shift, push, unshift ํ•จ์ˆ˜)

๐Ÿ’ก ๋ชฉํ‘œ JavaScript์—์„œ ๋ฐฐ์—ด์˜ ์›์†Œ ์ถ”๊ฐ€/์‚ญ์ œํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์ดํ•ดํ•œ๋‹ค. ๋“ค์–ด๊ฐ€๋ฉฐ ๋ฐฐ์—ด ์„ ์–ธ const arr = [80, 20, 10, 15]; ์œ„์™€ ๊ฐ™์ด ๋ฐฐ์—ด ๊ฐ์ฒด๋ฅผ ์ƒ์„ฑํ•˜๋Š” ๋™์‹œ์— ์ดˆ๊ธฐํ™”ํ–ˆ์Šต๋‹ˆ๋‹ค. ํ•จ์ˆ˜ ๊ตฌ๋ถ„ ์›๋ณธ ๋ฐ์ดํ„ฐ ์ˆ˜์ •์—ฌ๋ถ€์— ๋”ฐ๋ผ ํ•จ์ˆ˜ ์ข…๋ฅ˜๋ฅผ ๊ตฌ๋ถ„ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์„ค๋ช…์— ์žˆ์–ด ํ•จ์ˆ˜ ์ด๋ฆ„ ์•ž์— *์„ ๋ถ™์ธ ๊ฒฝ์šฐ๋Š” ์›๋ณธ ๋ฐ์ดํ„ฐ๋ฅผ ์ˆ˜์ •ํ•˜๋Š” ํ•จ์ˆ˜์ด๋ฉฐ, *๋ฅผ ๋ถ™์ด์ง€ ์•Š์€ ํ•จ์ˆ˜๋Š” ์›๋ณธ ๋ฐ์ดํ„ฐ๋ฅผ ์ˆ˜์ •ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. 1. *pop ํ•จ์ˆ˜: ๋งจ ๋’ค ์›์†Œ ์ œ๊ฑฐ // arr = [80, 20, 10, 15]; console.log(arr.pop()); // 15 console.log(arr); // [ 80, 20, 10 ] pop ํ•จ์ˆ˜๋Š” ๋ฐฐ์—ด ๋งจ ๋’ค์˜ ์›์†Œ 1๊ฐœ๋ฅผ ์ œ๊ฑฐํ•˜๋ฉฐ, ์ œ๊ฑฐํ•œ ์›์†Œ๋ฅผ ๋ฆฌํ„ดํ•ฉ๋‹ˆ๋‹ค. 2...

SW ๊ฐœ๋ฐœ/Vanilla JS 2021. 12. 1. 13:07