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

๋ชฉ๋ก์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฐฐ์—ด (2)

Hey Tech

[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] ๋ฐฐ์—ด ์›์†Œ ์ œ๊ฑฐ/์ถ”๊ฐ€ ๋ฐฉ๋ฒ•(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