๐Ÿ“”
web_study
  • JavaScript
  • ์—˜๋ฆฌ_์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ
    • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ธฐ๋ณธ
      • ํด๋ž˜์Šค ์˜ˆ์ œ์™€ ์ฝœ๋ฐฑํ•จ์ˆ˜
      • ์—ฐ์‚ฐ์ž boolean
      • ํ•จ์ˆ˜ ์ •์˜, ํ˜ธ์ถœ ๊ทธ๋ฆฌ๊ณ  ์ฝœ๋ฐฑ
      • ๋ณ€์ˆ˜ํƒ€์ž…๊ณผ object ์ฐจ์ด์ 
    • JavaScript async ์™€ await
    • JavaScript Promise
    • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ callback
    • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ json
    • ์œ ์šฉํ•œ 10๊ฐ€์ง€ ๋ฐฐ์—ด ํ•จ์ˆ˜๋“ค
    • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฐฐ์—ด(array)
    • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ object
    • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ (class vs object) ๊ฐ์ฒด์ง€ํ–ฅ ์–ธ์–ด
    • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํ•จ์ˆ˜
    • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—ฐ์‚ฐ.๋ฐ˜๋ณต๋ฌธ
    • ๋ฐ์ดํ„ฐํƒ€์ž…, data types, let vs var, hoisting
    • script async ์™€ defer์˜ ์ฐจ์ด์  ์ฝ˜์†” ์ถœ๋ ฅ
    • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—ญ์‚ฌ
  • ์ƒํ™œ์ฝ”๋”ฉ
    • ์žฌ๊ท€ํ•จ์ˆ˜
    • ์ •๊ทœ ํ‘œํ˜„์‹
    • ๊ฐ์ฒด์ง€ํ–ฅ
      • ๊ฐ์ฒด์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ
      • ์ƒ์„ฑ์ž์™€ new
      • ์ „์—ญ๊ฐ์ฒด
      • this
      • ์ƒ์†
      • prototype
      • ํ‘œ์ค€ ๋‚ด์žฅ ๊ฐ์ฒด์˜ ํ™•์žฅ
      • object
      • ๋ฐ์ดํ„ฐ ํƒ€์ž…
      • ์ฐธ์กฐ
    • ํ•จ์ˆ˜์ง€ํ–ฅ
      • ์œ ํšจ๋ฒ”์œ„
      • ๊ฐ’์œผ๋กœ์„œ์˜ ํ•จ์ˆ˜์™€ ์ฝœ๋ฐฑ
      • ํด๋กœ์ €
      • arguments
      • ํ•จ์ˆ˜์˜ ํ˜ธ์ถœ
    • UI API, ๋ฌธ์„œ
    • ๋ชจ๋“ˆ
    • ๊ฐ์ฒด
    • ๋ฐฐ์—ด
    • ํ•จ์ˆ˜
    • ๋ฐ˜๋ณต๋ฌธ
    • ์กฐ๊ฑด๋ฌธ
    • ์ˆซ์ž์™€๋ฌธ์ž
    • ๋ณ€์ˆ˜
    • ๋น„๊ต
  • ๋…ธ๋งˆ๋“œ ์ฝ”๋”
    • Getting the Weather part One Geolocation
    • Image Background
    • TO DO List
    • Saving the User Name
    • Clock part One
    • ์กฐ๊ฑด๋ฌธ ( if , else, and, or)
    • evnet handlers
    • Function
    • Objects
    • Arrays
    • Variable(๋ณ€์ˆ˜!)
    • Javascript
  • javascript30
    • Dram Kit
    • clock
    • Css Javascript
    • Array Cardio
    • flex panels
    • type ahead
    • Canvas Draw
    • Speech Synthesis
    • Whack A Mole
  • web standard
    • script ๋ถ€๋ถ„
    • form๋ถ€๋ถ„
    • ์›น์ ‘๊ทผ์„ฑ
    • <meta>
  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ_์ด๋ก 
    • ๊ธฐ๋ณธ์ง€์‹(JAVASCRIPT)
    • ๊ธฐ๋ณธ์ง€์‹(CSS)
    • ๊ธฐ๋ณธ์ง€์‹(HTML)
    • ๊ธฐ๋ณธ์ง€์‹(HTTP)
    • Dom
    • ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ, ํ”„๋ ˆ์ž„์›Œํฌ, ํ”Œ๋กœ๊ทธ์ธ
Powered by GitBook
On this page
  • Object
  • object ํ™•์žฅ
  • object ํ™•์žฅ์œ„ํ—˜

Was this helpful?

  1. ์ƒํ™œ์ฝ”๋”ฉ
  2. ๊ฐ์ฒด์ง€ํ–ฅ

object

Previousํ‘œ์ค€ ๋‚ด์žฅ ๊ฐ์ฒด์˜ ํ™•์žฅNext๋ฐ์ดํ„ฐ ํƒ€์ž…

Last updated 3 years ago

Was this helpful?

Object

Object ๊ฐ์ฒด๋Š” ๊ฐ์ฒด์˜ ๊ฐ€์žฅ ๊ธฐ๋ณธ์ ์ธ ํ˜•ํƒœ๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ๋Š” ๊ฐ์ฒด์ด๋‹ค. ๋‹ค์‹œ ๋งํ•ด์„œ ์•„๋ฌด๊ฒƒ๋„ ์ƒ์†๋ฐ›์ง€ ์•Š๋Š” ์ˆœ์ˆ˜ํ•œ ๊ฐ์ฒด๋‹ค.์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ๋Š” ๊ฐ’์„ ์ €์žฅํ•˜๋Š” ๊ธฐ๋ณธ์ ์ธ ๋‹จ์œ„๋กœ Object๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค.

Object -> ๋ชจ๋“  ๊ฐ์ฒด์˜ ๋ถ€๋ชจ

Object ๋ชจ๋“ ๊ฐ์ฒด๊ฐ€ ๊ฐ€์ง€๊ณ  ์žˆ์–ด์•ผํ•˜๋Š” ๊ณตํ†ต๋œ ๊ธฐ๋Šฅ์ด ์žˆ๋‹ค object์˜ prototype ๊ฐ์ฒด๋ฅผ ์ˆ˜์ •ํ•˜๋Š”๊ฒƒ์„ ํ†ตํ•ด์„œ ๊ทธ๋Ÿฌํ•œ ๊ธฐ๋Šฅ์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋‹ค.

object ๋” ์ž์„ธํžˆ ์•Œ์•„๋ณด๊ธฐ(์–ด๋– ํ•œ ๋ฉ”์†Œ๋“œ๊ฐ€ ์žˆ๋Š”์ง€ ํ™•์ธ ํ•ด๋ณด๊ธฐ ) ->

* object prototype ์ดํฌ๋งˆ3 ์ด์—ฌ์•ผ ๋ชจ๋“  ๋ธŒ๋กœ์šฐ์ €์—์„œ ์ง€์›์ด ๋œ๋‹ค. object ๋‚ด์žฅ๊ฐ์ฒด๋ฅผ ์‚ฌ์šฉํ• ๋•Œ๋Š” ๋ธŒ๋ผ์šฐ์ € ์ง€์›์ด ์–ด๋””๊นŒ์ง€ ๋˜๋Š”์ง€ ํ™•์ธํ•ด๋ด์•ผํ•œ๋‹ค. *

var grades = {'egoing': 10, 'k8805': 6, 'sorialgi': 80};

object ํ™•์žฅ

Object.prototype.contain = function(neddle) {
    for(var name in this){
        if(this[name] === neddle){
            return true;
        }
    }
    return false;
}
var o = {'name':'egoing', 'city':'seoul'}
console.log(o.contain('egoing')); //true
// ๋งŒ์•ฝ์— graphottie ๋ผ๊ณ  ํ•˜๋ฉด false๊ฐ€ ๋‚˜์˜ฌ๊ฒƒ์ด๋‹ค ์กด์žฌํ•˜์ง€ ์•Š๊ธฐ๋•Œ๋ฌธ์— 
var a = ['egoing','leezche','grapittie'];
console.log(a.contain('leezche')); //true

object ํ™•์žฅ์œ„ํ—˜

๊ทธ๋Ÿฐ๋ฐ Object ๊ฐ์ฒด๋Š” ํ™•์žฅํ•˜์ง€ ์•Š๋Š” ๊ฒƒ์ด ๋ฐ”๋žŒ์งํ•˜๋‹ค. ์™œ๋ƒํ•˜๋ฉด ๋ชจ๋“  ๊ฐ์ฒด์— ์˜ํ–ฅ์„ ์ฃผ๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค.

ํ™•์žฅํ•œ ํ”„๋กœํผํ‹ฐ์ธ contain์ด ํฌํ•จ๋˜์–ด ์žˆ๋‹ค. ๊ฐ์ฒด๊ฐ€ ๊ธฐ๋ณธ์ ์œผ๋กœ ๊ฐ€์ง€๊ณ  ์žˆ์„ ๊ฒƒ์œผ๋กœ ์˜ˆ์ƒํ•˜๊ณ  ์žˆ๋Š” ๊ฐ์ฒด ์™ธ์— ๋‹ค๋ฅธ ๊ฐ์ฒด๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ๋Š” ๊ฒƒ์€ ๊ฐœ๋ฐœ์ž๋“ค์—๊ฒŒ ํ˜ผ๋ž€์„ ์ค€๋‹ค. ์ด ๋ฌธ์ œ๋ฅผ ํšŒํ”ผํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ํ”„๋กœํผํ‹ฐ์˜ ํ•ด๋‹น ๊ฐ์ฒด์˜ ์†Œ์†์ธ์ง€๋ฅผ ์ฒดํฌํ•ด๋ณผ ์ˆ˜ ์žˆ๋Š” hasOwnProperty๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๋œ๋‹ค.

for(var name in o){
    if(o.hasOwnProperty(name))
        console.log(name); //name city 
        //hasOwnProperty -> ์ž์‹ ์˜ ํ”„๋กœํฌํ‹ฐ๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ๋Š”๊ฐ€๋ฅผ ํ™•์ธํ•ด์คŒ
}
๐Ÿ‘‰
https://developer.mozilla.org/ko/