[๐Ÿฆ TIL 26์ผ์ฐจ] 7์›” 7์ผ

๊ทผ๋“€ยท2023๋…„ 7์›” 7์ผ
0

ํ”„๋ก ํŠธ์—”๋“œ์Šค์ฟจ TIL

๋ชฉ๋ก ๋ณด๊ธฐ
26/30
post-thumbnail

1. ๋ฐ˜๋ณต๋ฌธ

๐Ÿ“Œ for ๋ฐ˜๋ณต๋ฌธ

for (begin; condition; step) {
  // ... ๋ฐ˜๋ณต๋ฌธ ๋ณธ๋ฌธ ...
}
  • break๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ์–ธ์ œ๋“  ์›ํ•˜๋Š” ๋•Œ์— ๋ฐ˜๋ณต๋ฌธ์„ ๋น ์ ธ๋‚˜์˜ฌ ์ˆ˜ ์žˆ๋‹ค.
  • continue๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ํ•ด๋‹น ๋ฐ˜๋ณต์„ ๊ฑด๋„ˆ๋›ฐ๊ณ  ๋‹ค์Œ ๋ฐ˜๋ณต์œผ๋กœ ๋„˜์–ด๊ฐ„๋‹ค.

๐Ÿ“Œ for ~ in ๋ฌธ

for (let key in Object) {
  if (Object.prototype.hasOwnProperty.call(Object, key)) {
    console.log(key);
  }
}
  • ๊ฐ์ฒด๋ฅผ ์ˆœํ™˜ํ•˜๋Š” ์šฉ๋„๋กœ ์‚ฌ์šฉ๊ฐ€๋Šฅํ•˜๋‹ค.

๐Ÿ“Œ for ~ of ๋ฌธ

  for (variable of iterable) {
      statement
    }
  • ๋ฐ˜๋ณต๊ฐ€๋Šฅํ•œ iterble ์†์„ฑ์ด ์žˆ๋Š” ๊ฐ์ฒด๋ฅผ ์ˆœํ™˜ํ•˜๋Š” ์šฉ๋„๋กœ ์‚ฌ์šฉ๊ฐ€๋Šฅํ•˜๋‹ค.

โœ”๏ธ nodeType ์†์„ฑ
DOM (Document Object Model)์—์„œ ๋…ธ๋“œ(Node)์˜ ์œ ํ˜•์„ ๋‚˜ํƒ€๋‚ด๋Š” ์†์„ฑ

โœ”๏ธ hasOwnProperty() ๋ฉ”์†Œ๋“œ
ํ•ด๋‹น ๊ฐ์ฒด ์ž์ฒด์— ์†์„ฑ์ด ์กด์žฌํ•˜๋Š”์ง€ ์—ฌ๋ถ€๋ฅผ ํŒ๋‹จ

โœ”๏ธ Object.keys() ๋ฉ”์†Œ๋“œ
๊ฐ์ฒด์˜ ์†์„ฑ๋“ค์„ ๋ฐฐ์—ด๋กœ ๋ฐ˜ํ™˜ํ•˜๋Š” ์—ญํ• 

โœ”๏ธ Object.values() ๋ฉ”์†Œ๋“œ
๊ฐ์ฒด์˜ ์†์„ฑ๋“ค์˜ ๊ฐ’๋“ค์„ ๋ฐฐ์—ด๋กœ ๋ฐ˜ํ™˜ํ•˜๋Š” ์—ญํ• 

โœ”๏ธ Object.entires() ๋ฉ”์†Œ๋“œ
๊ฐ์ฒด์˜ ์†์„ฑ๋“ค์„ key, value์˜ ํ˜•ํƒœ๋กœ ์ด๋ฃจ์–ด์ง„ ๋ฐฐ์—ด๋กœ ๋ฐ˜ํ™˜ํ•˜๋Š” ์—ญํ• 

2. ํ•จ์ˆ˜

๐Ÿ“Œ ํ•จ์ˆ˜ ์„ ์–ธ

function ํ•จ์ˆ˜์ด๋ฆ„() {
 	๋™์ž‘
}
  • ์ง€์—ญ๋ณ€์ˆ˜ - ํ•จ์ˆ˜ ๋‚ด๋ถ€์—์„œ ์„ ์–ธํ•œ ๋ณ€์ˆ˜
  • ์ „์—ญ๋ณ€์ˆ˜ - ํ•จ์ˆ˜ ์™ธ๋ถ€์—์„œ ์„ ์–ธํ•œ ๋ณ€์ˆ˜
  • ์ธ์ž(parameter) - ํ•จ์ˆ˜์˜ ์ „๋‹ฌํ•œ ์ž„์˜์˜ ๋ฐ์ดํ„ฐ
  • ์ธ์ˆ˜(argument) - ํ•จ์ˆ˜์˜ ๋งค๊ฐœ๋ณ€์ˆ˜์— ์ „๋‹ฌ๋œ ๊ฐ’
  • ๊ธฐ๋ณธ๊ฐ’ - ์•„๊ทœ๋จผํŠธ๋ฅผ ์ „๋‹ฌ๋ฐ›์ง€ ๋ชปํ–ˆ์„ ๋•Œ ๋Œ€์‹  ๋ฐ›์„ ๊ฐ’
  • ๋ฐ˜ํ™˜๊ฐ’(return) - ํ•จ์ˆ˜ ํ˜ธ์ถœ ์‹œ ๋ฐ˜ํ™˜๋˜๋Š” ๊ฐ’

3. ํšŒ๊ณ 

์˜ค๋Š˜๋„ ์—ญ์‹œ๋‚˜ ๊ฐœ๋…์ •๋„๋งŒ ์ดํ•ดํ•˜๊ณ  ์ฝ”๋“œ๋ฅผ ์ง์ ‘ ์น˜๋Š”๊ฑฐ๋Š” 2% ๋ถ€์กฑํ•˜๊ฒŒ ์ฝ”๋“œ๋ฅผ ์ณ๋ดค๋‹ค. ์ฝ”๋“œ๋ฅผ ํ•ด์„ํ•˜๋Š”๊ฑฐ๊นŒ์ง€๋Š” ๊ฐ€๋Šฅํ•ด์ ธ์„œ ์ด์ œ ์ •๋ง ์ฝ”๋“œ๋ฅผ ๋งŽ์ด ์ณ๋ณด๋Š” ์ˆ˜๋ฐ–์— ์—†์„ ๊ฒƒ ๊ฐ™๋‹ค. ์ด๋ฒˆ์ฃผ๋Š” ์†Œํ™”ํ•ด์•ผ๋  ์–‘์ด ๋„ˆ๋ฌด ๋งŽ์•„์„œ ๊ฑฑ์ •์ด๋‹ค. ์ด๊ฑธ ์ž˜ ์žก๊ณ  ๊ฐ€์•ผ ๋‹ค์Œ์ฃผ ์ˆ˜์—…์„ ๋”ฐ๋ผ๊ฐˆ ์ˆ˜ ์žˆ์„ํ…๋ฐ!!

๋‹ค๋“ค ๋‚˜๋งŒํผ ๋ฉ˜๋ถ•์ด ์˜จ ๊ฒƒ ๊ฐ™์•˜๋‹ค. ์œ„๋กœ๊ฐ€ ๋˜๊ธฐ๋„ ํ•˜๊ณ  ๊ฑฑ์ •๋„ ๋˜๊ณ ใ… ใ…  ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์‹œ์ž‘ํ•˜๊ณ  ๋‚˜์„œ๋ถ€ํ„ฐ ๋ง˜ํŽธํžˆ ์ž๋ณธ์ ์ด ์—†๋‹ค. ํ•ด์•ผํ• ๊ฒŒ ๋„ˆ๋ฌด ๋งŽ์•„์„œ ๋ญ๋ถ€ํ„ฐ ํ•ด์•ผํ• ์ง€ ์ง„์งœ ๋ชจ๋ฅด๊ฒ ๋‹ค. ์ฃผ๋ง ์™œ 2์ผ๋ฐ–์— ์—†๋Š”๊ฑฐ์•ผใ… ใ… ใ… ใ…  ๋ณต์Šตํ•˜๊ณ  ํ•˜๋ ค๋ฉด 4์ผ์€ ์žˆ์–ด์•ผํ• ๊ฒƒ๊ฐ™์€๋ฐใ… ใ… ใ… 

์ˆ˜์—…๋๋‚˜๊ณ  ์ด๋ฒˆ์ฃผ ๋ณต์Šต ๊ฒธ ์‹œํ—˜์ด ๋‚˜์™”๋Š”๋ฐ ๋ช‡๊ฐœ๋Š” ์• ๋งคํ•œ ๊ฒƒ๋“ค์ด ์žˆ์—ˆ๋‹ค.
์ •๋‹ต์€ ๋”ฐ๋กœ ๊ณต๊ฐœ์•ˆํ•˜๋Š” ๊ฑฐ ๊ฐ™์•„์„œ ์• ๋งคํ–ˆ๋˜ ๊ฒƒ๋“ค์€ ํ˜ผ์ž ๊ณต๋ถ€ํ•ด์•ผ๊ฒ ๋‹ค

profile
ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž ์ทจ์ค€์ƒ์ž…๋‹ˆ๋‹ค.

0๊ฐœ์˜ ๋Œ“๊ธ€