Zoeeey
Stack flows in you
Zoeeey
  • λΆ„λ₯˜ 전체보기 (155)
    • πŸ’‘ UXUI (4)
      • UXUI (2)
      • UI (2)
      • UX (0)
    • 🟨 JavaScript (66)
      • κ°œλ… (42)
      • 정리 (2)
      • λ¬Έμ œν’€κΈ° (ν”„λ‘œκ·Έλž˜λ¨ΈμŠ€, μ½”λ”©μ• ν”Œ) (15)
      • μ‘μš©ν•˜μ—¬ μžλ™ν™”orλ¬Έμ œν•΄κ²°ν•˜κΈ° (2)
      • 기타 (5)
    • βš›οΈ React (49)
      • κ°œλ… (27)
      • κ°œλ…(Redux) (3)
      • 정리 (4)
      • λ¬Έμ œν’€κΈ° (μ½”λ”©μ• ν”Œ: React) (15)
    • πŸ“˜ TypeScript (10)
      • κ°œλ… (8)
      • λ¬Έμ œν’€κΈ° (μ½”λ”©μ• ν”Œ) (2)
    • 🌐 HTML,CSS (18)
      • μ‹€λ¬΄μ—μ„œ 자주 λ°œμƒν•œ 였λ₯˜λ“€ (10)
      • λ’€λŠ¦κ²Œ μ•Œμ•„μ„œ λΌˆμ•„ν”ˆ μœ μš©ν•œ CSS (6)
      • 기타 자주 μ“°λŠ” CSS (2)
    • πŸ’» CS (8)
      • CS (5)
      • μ •κ·œν‘œν˜„μ‹ (2)
      • Git,Github (1)

νƒœκ·Έ

  • Props
  • state
  • 였λ₯˜
  • ν”„λ‘œκ·Έλž˜λ¨ΈμŠ€
  • json
  • JavaScript
  • μ‚Όν•­μ—°μ‚°μž
  • μ½”λ”©μ• ν”Œ
  • CSS
  • axios
  • CS
  • Ajax
  • TypeScript
  • useEffect
  • object
  • react
  • array
  • UXUI
  • class
  • redux
전체 방문자
였늘
μ–΄μ œ
hELLO Β· Designed By μ •μƒμš°.
Zoeeey

Stack flows in you

🟨 JavaScript/κ°œλ…

[μ½”λ”©μ• ν”Œ] μžλ£Œν˜• : Array, Object (νŠΉμ§•κ³Ό 차이점)

2023. 1. 18. 14:51

https://sunshineyellow.tistory.com/38 이거에 μ΄μ–΄μ„œ..


Array μžλ£Œν˜•

let car = ['μ†Œλ‚˜νƒ€', 50000, 'white'];

μˆœμ„œκ°œλ…μ΄ μžˆλ‹€.
-> μˆ«μžμ˜μ–΄κ°€λ‚˜λ‹€μˆœ μ •λ ¬(sort)/xλ²ˆμžλ£ŒλΆ€ν„° xλ²ˆμžλ£ŒκΉŒμ§€ 자λ₯΄κΈ°(slice)/x번자료 λ°”κΎΈκΈ°/맨 λ’€, 맨 μ•žμ— 자료 λ„£κΈ°/μ›ν•˜λŠ” 자료 κ²€μƒ‰ν•˜λŠ” λ“± λ‹€μ–‘ν•œ κΈ°λŠ₯ ν™œμš©μ΄ κ°€λŠ₯ν•˜λ‹€.


Object μžλ£Œν˜•

let car2 = { name : 'μ†Œλ‚˜νƒ€', price : 50000 };

제λͺ©(key)κ°€ λ“€μ–΄κ°„λ‹€.
μˆœμ„œκ°œλ…μ΄ μ—†λ‹€. (μ•žμ— 썼닀고 맨처음 데이터가 λ˜λŠ” 게 μ•„λ‹˜)
-> key만 κΈ°μ–΅ν•˜λ©΄ 자료 뽑을 λ•Œ array보닀 쉽닀.


objectμ—μ„œ 자료 λ½‘λŠ” 법 두가지

console.log(car2['name']); //μ†Œλ‚˜νƒ€
console.log(car2.name); //μ†Œλ‚˜νƒ€

car2.[λ³€μˆ˜]ν˜•νƒœλŠ” μ•ˆμ— λ³€μˆ˜λ₯Ό 넣을 수 μžˆλ‹€. car.name처럼 점으둜 뢙이면 λ³€μˆ˜λ₯Ό 넣을 수 μ—†λ‹€.


좜처 : μ½”λ”©μ• ν”Œ https://codingapple.com/ / MDN https://developer.mozilla.org/ko/

μ €μž‘μžν‘œμ‹œ λΉ„μ˜λ¦¬ 동일쑰건 (μƒˆμ°½μ—΄λ¦Ό)

'🟨 JavaScript > κ°œλ…' μΉ΄ν…Œκ³ λ¦¬μ˜ λ‹€λ₯Έ κΈ€

[mdn, μ½”λ”©μ• ν”Œ λ“±] for, forEach, for in  (1) 2023.01.31
[μ½”λ”©μ• ν”Œ,mdn] js둜 html μƒμ„±ν•˜λŠ” 법 (appendChild, createElement, insertAdjacentHTML λ“±)  (0) 2023.01.18
[μ½”λ”©μ• ν”Œ,mdn λ“±] μ΄λ²€νŠΈλ²„λΈ”λ§κ³Ό 이벀트캑쳐링 및 κ΄€λ ¨ μœ μš©ν•œ ν•¨μˆ˜λ“€  (0) 2023.01.16
[μ½”λ”©μ• ν”Œ] μš”μ†Œμ˜ 높이와 μœ„μΉ˜κ°’ κ΅¬ν•˜κΈ° (clientHeight, offsetHeight, scrollHeight, getBoundingClientRect())  (0) 2023.01.11
[μ½”λ”©μ• ν”Œ] 슀크둀 이벀트  (0) 2023.01.11
    '🟨 JavaScript/κ°œλ…' μΉ΄ν…Œκ³ λ¦¬μ˜ λ‹€λ₯Έ κΈ€
    • [mdn, μ½”λ”©μ• ν”Œ λ“±] for, forEach, for in
    • [μ½”λ”©μ• ν”Œ,mdn] js둜 html μƒμ„±ν•˜λŠ” 법 (appendChild, createElement, insertAdjacentHTML λ“±)
    • [μ½”λ”©μ• ν”Œ,mdn λ“±] μ΄λ²€νŠΈλ²„λΈ”λ§κ³Ό 이벀트캑쳐링 및 κ΄€λ ¨ μœ μš©ν•œ ν•¨μˆ˜λ“€
    • [μ½”λ”©μ• ν”Œ] μš”μ†Œμ˜ 높이와 μœ„μΉ˜κ°’ κ΅¬ν•˜κΈ° (clientHeight, offsetHeight, scrollHeight, getBoundingClientRect())
    Zoeeey
    Zoeeey
    길게 μƒκ°ν•˜κ³  짧게 그리기

    ν‹°μŠ€ν† λ¦¬νˆ΄λ°”