๋ฐ˜์‘ํ˜•

๐Ÿ’ปComputer/JavaScript 3

forEach , filter ,

forEach forEach() ๋Š” array์•ˆ์˜ ๊ฐ item์— ๋Œ€ํ•ด function์„ ์‹คํ–‰ํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ค€๋‹ค. array.forEach(function) ์‹์œผ๋กœ ํ™œ์šฉ๋˜๋ฉฐ, ์œ„์˜ ๊ทธ๋ฆผ์ฒ˜๋Ÿผ function์„ ๋”ฐ๋กœ ์ž‘์„ฑ ํ›„ () ์•ˆ์— ๋„ฃ์–ด๋„ ๋˜๊ณ , () ์•ˆ์—์„œ ํŽ‘์…˜์„ ์ •์˜ํ•ด๋„ ๋œ๋‹ค. function Hello(item){ console.log("hello", item)} array.forEach(Hello) ํ•ด์„: function Hello๋Š” console์— hello + item ์ด๋ผ๊ณ  ๋ณด์—ฌ์ค„ ๊ฒƒ์ด๋‹ค. array์˜ ๊ฐ item๋“ค์— function Hello๋ฅผ ์‹คํ–‰์‹œ์ผœ๋ผ. = array.forEach((item) => console.log("hello", item)) ํ•ด์„: array์˜ ๊ฐ item๋“ค์„ co..

parentElement , push , setItem , stringify

parentElement ์ƒˆ๋กœ ์ƒ์„ฑ๋˜๋Š” ์š”์†Œ๋“ค ์‚ฌ์ด์—์„œ ๊ตฌ๋ถ„์ด ํ•„์š”ํ•œ ๊ฒฝ์šฐ, ์œ„์™€๊ฐ™์ด .parentElement ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํ•ด๋‹น ์š”์†Œ์˜ ๋ถ€๋ชจelement๋ฅผ ํŠน์ •ํ•  ์ˆ˜ ์žˆ๋‹ค. ์ด๋ ‡๊ฒŒ ๋ฌธ์ž๋กœ๋งŒ ๋ณด์•˜์„ ๋•Œ๋Š” ๊ฐ™์€ .. ์ง€๋งŒ, ์‹ค์ œ๋กœ๋Š” ์œ„์˜ ๊ทธ๋ฆผ๊ณผ ๊ฐ™์ด ํŠน์ •๋˜์–ด ์žˆ๋Š” ๋ชจ์Šต์„ ํ™•์ธ ํ•  ์ˆ˜ ์žˆ๋‹ค. ํ™œ์šฉํ•˜๋ฉด ์ด๋Ÿฐ์‹์œผ๋กœ ์ƒˆ๋กœ ์ƒ์„ฑ๋œ ๊ฒƒ๋“ค ์ค‘, ํ•ด๋‹นํ•˜๋Š” ๊ฒƒ๋งŒ ์‚ญ์ œํ•  ์ˆ˜ ์žˆ๋‹ค. push() ์ด๋ฏธ ๋งŒ๋“ค์–ด๋†“์€ array์— ์š”์†Œ๋ฅผ ์ถ”๊ฐ€ํ•˜๊ณ  ์‹ถ์€ ๊ฒฝ์šฐ, .push() ๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค. ํ•ด๋‹น array.push(๋„ฃ๊ณ  ์‹ถ์€ ์š”์†Œ) ๋ฅผ ํ•˜๋ฉด ์œ„์˜ ๊ทธ๋ฆผ์˜ console.log๋กœ ํ™•์ธํ–ˆ๋“ฏ์ด ์š”์†Œ๊ฐ€ ์ถ”๊ฐ€๋œ๋‹ค. setItem localStorage ์— ์ •๋ณด๋ฅผ ์ €์žฅํ•˜๊ณ  ์‹ถ์„ ๋•Œ ์‚ฌ์šฉ. localStorage.setItem( key ๊ฐ’, Valu..

clock , random, create, preventDefault

new Date() new Date(); ์ฝ”๋“œ๋ฅผ ์‹คํ–‰ํ•œ ์‹œ์ ์„ ๊ฐ€์ ธ์˜ฌ ์ˆ˜ ์žˆ์Œ. .getDate() .getHours() .getMinutes() ๋“ฑ ์œผ๋กœ ํ•„์š”ํ•œ ์ •๋ณด๋งŒ ๊ฐ€์ ธ์˜ฌ ์ˆ˜๋„ ์žˆ์Œ. setInterval() setInterval(a, b); a๋ฅผ b/1000 ์ดˆ ๋งˆ๋‹ค ์‹คํ–‰ setTimeout() ํ•˜๋ฉด, ๋งค์ดˆ๋งˆ๋‹ค ์‹คํ–‰์ด ์•„๋‹ˆ๋ผ, b/1000์ดˆ ํ›„ 1๋ฒˆ๋งŒ ํ˜ธ์ถœ. padStart() "n".padStart(a, "b"); n์˜ ๊ธธ์ด๊ฐ€ a(maxLength)๋ณด๋‹ค ์ ์€ ๊ฒฝ์šฐ, ๋ถ€์กฑํ•œ ๋งŒํผ ์•ž ์ž๋ฆฌ์— "b"๋ฅผ ์ฑ„์›Œ์คŒ. padEnd() ํ•˜๋ฉด, ๋ถ€์กฑํ•œ ๋งŒํผ ๋’ท ์ž๋ฆฌ์— "b"๋ฅผ ์ฑ„์›Œ์คŒ. Math.random() Math. ๋ฅผ ์ด์šฉํ•˜์—ฌ ๋‹ค์–‘ํ•œ ๊ฒƒ๋“ค์„ ํ•  ์ˆ˜ ์žˆ๋‹ค. ๊ทธ์ค‘ .random()์„ ํ•˜๋ฉด 0~1 ์‚ฌ์ด์˜ ๋žœ๋คํ•œ..

๋ฐ˜์‘ํ˜•