๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

๋ฌธ์ž์—ด ๋ฉ”์„œ๋“œ3

[JAVASCRIPT] ํ…œํ”Œ๋ฆฟ ๋ฌธ์ž์—ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ : ๋ฌธ์ž์—ด ๊ฒฐํ•ฉ : ํ…œํ”Œ๋ฆฟ ๋ฌธ์ž์—ด ์ง€๊ธˆ๋ถ€ํ„ฐ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ๋ฌธ์ž์—ด ๊ฒฐํ•ฉ๊ณผ ๋ฌธ์ž์—ด ๋ฉ”์†Œ๋“œ์ธ ํ…œํ”Œ๋ฆฟ ๋ฌธ์ž์—ด์— ๋Œ€ํ•ด ์•Œ์•„๋ด…์‹œ๋‹ค! 1. ํ…œํ”Œ๋ฆฟ ๋ฌธ์ž์—ด ํ…œํ”Œ๋ฆฟ ๋ฌธ์ž์—ด( )์€ ๋ฌธ์ž์—ด ๊ฒฐํ•ฉ ๋ฉ”์„œ๋“œ๋กœ ๋‚ด์žฅ๋œ ํ‘œํ˜„์‹์„ ํ—ˆ์šฉํ•˜๋Š” ๋ฌธ์ž์—ด ๋ฆฌํ„ฐ๋Ÿด์ž…๋‹ˆ๋‹ค. ๋ฌธ์ž์—ด์„ ๊ฒฐํ•ฉํ•  ๋•Œ ๋”ฐ์˜ดํ‘œ ๋Œ€์‹  ` ` (backtick_๋ฐฑํ‹ฑ)์„ ์‚ฌ์šฉํ•˜๋ฉฐ ๋ณ€์ˆ˜๋ฅผ ๋„ฃ๊ณ ์ž ํ•˜๋Š” ๋ถ€๋ถ„์— ${}๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋„ฃ์–ด์ฃผ๋ฉด ๋ฉ๋‹ˆ๋‹ค. ๋˜ํ•œ ๊ฐ„๋‹จํ•œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฌธ๋ฒ•์„ ๋ฌธ์ž์—ด ์•ˆ์— ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. //01. ๋ฌธ์ž์—ด(string) ๊ฒฐํ•ฉ const str1 = "์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ"; const str2 = "์ œ์ดํ€˜๋ฆฌ"; document.querySelector(".sample01_P1").innerHTML = str1 + str2; //02. ์ˆซ์ž(number) ๊ฒฐํ•ฉ.. 2022. 8. 18.
[JAVASCRIPT] ๋ฌธ์ž์—ด ๋ฉ”์„œ๋“œ : indexOf( ) ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ : indexOf() ๋ฉ”์„œ๋“œ ์ด๋ฒˆ ์‹œ๊ฐ„์—๋Š” ๋ฌธ์ž์—ด ๋ฉ”์„œ๋“œ ์ค‘ ํ•˜๋‚˜์ธ indexOf() ๋ฉ”์„œ๋“œ์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.๐Ÿ˜† #1. indexOf( ) indexOf() ๋ฉ”์„œ๋“œ๋Š” ๋ฌธ์ž์—ด์—์„œ ์ถ”์ถœํ•˜๊ณ  ์‹ถ์€ ๋ฌธ์ž์˜ ์œ„์น˜๋ฅผ ์ฐพ์€ ํ›„ ์ˆซ์ž๋กœ ํ•ด๋‹น ๋ฌธ์ž์—ด์„ ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค. ์ฆ‰ ํŠน์ • ๋ฌธ์ž๊ฐ€ ๋ฌธ์ž์—ด์˜ ์–ด๋Š index์— ์œ„์น˜ํ•˜๋Š”์ง€ ์ฐพ๋Š” ๋ฉ”์„œ๋“œ๋ผ๊ณ  ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ! indexOf() ์‚ฌ์šฉ๋ฒ• ! "๋ฌธ์ž์—ด".indexOf(๊ฒ€์ƒ‰๊ฐ’) "๋ฌธ์ž์—ด".indexOf(๊ฒ€์ƒ‰๊ฐ’, ์œ„์น˜๊ฐ’) : ์ฒ˜์Œ ๊ฐ’์€ ์ถ”์ถœํ•˜๊ณ  ์‹ถ์€ ๋ฌธ์ž์—ด์„ ์ž‘์„ฑํ•˜๊ณ  ๋งˆ์ง€๋ง‰ ๊ฐ’์„ ๊ทธ ๋ฌธ์ž์—ด์„ ์ฐพ๊ธฐ ์‹œ์ž‘ ํ•  ์œ„์น˜๋กœ ์ ์œผ๋ฉด ๋œ๋‹ค. โœ๏ธ์˜ˆ์ œ ์ฝ”๋“œ const str1 = "javascript reference" const currentStr1 = str1.indexOf("j.. 2022. 8. 17.
[JAVASCRIPT] ๋ฌธ์ž์—ด ๋ฉ”์„œ๋“œ : Slice(), substring(), substr() ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ : ๋ฌธ์ž์—ด ๋ฉ”์„œ๋“œ slice(), substring(), substr() slice(), substring(), substr()๋Š” ๋ฌธ์ž์—ด ๋ฉ”์„œ๋“œ์˜ ๋ณ€๊ฒฝ ํƒ€์ž…์œผ๋กœ ๋ฌธ์ž์—ด์—์„œ ์›ํ•˜๋Š” ๊ฐ’์„ ์ถ”์ถœํ•˜์—ฌ ๋ฌธ์ž์—ด์„ ๋ฐ˜ํ™˜ํ•˜๋Š” ๋ฉ”์„œ๋“œ์ž…๋‹ˆ๋‹ค. #1. slice( ) slice() ๋ฉ”์„œ๋“œ๋Š” ๋ฌธ์ž์—ด์—์„œ ์›ํ•˜๋Š” ๊ฐ’์„ ์ถ”์ถœํ•˜์—ฌ ๋ฌธ์ž์—ด์„ ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค. ! slice( ) ์‚ฌ์šฉ ๋ฐฉ๋ฒ• ! "๋ฌธ์ž์—ด"slice(์‹œ์ž‘ ์œ„์น˜) "๋ฌธ์ž์—ด"slice(์‹œ์ž‘ ์œ„์น˜, ๋๋‚˜๋Š” ์œ„์น˜) const str1 = "javascript reference" const currentStr1 = str1.slice(0); //javascript reference const currentStr2 = str1.slice(1); //avascript refer.. 2022. 8. 17.
728x90
๋ฐ˜์‘ํ˜•

Lucky Charms Rainbow
js
html
css