21.06.20 👨‍💻 JS


TIL - 21.06.20 👨‍💻


生活コードjsオブジェクトを学びました.

オブジェクト


私たちがよく使う書類.querySelector(); さすが客体だ
documentという名前のオブジェクトでquerySelectorというメソッドを使用します.
配列が順番に情報を格納している場合,オブジェクトはランダムに情報を格納しているといえる.

オブジェクトの宣言

let object = {
  // dev 와 dream은 Property.
  // 프로퍼티 사이엔 콤마로 구분한다.
  'name': 'Sunghoon',
  'dream': 'being dev'
}

特典の追加

object.statue = 'sleepy';
object['property name'] = 'value'
2種類あります.
角カッコを使用すると、property値にスペースを含めることができるという利点があります.

オブジェクトデータの呼び出し

object.dev // dot notation
object['dream'] // bracket notation
オブジェクトデータを呼び出す方法は2つあります.
property値にスペースがある場合は、角カッコでのみ呼び出され、後のループでも角カッコで値が呼び出されます.
角カッコを使用して値を呼び出す場合は、property値に引用符を付ける必要があります.

オブジェクト繰り返し文

// object의 프로퍼티 수 만큼 반복
// object의 프로퍼티 키 값을 key에 할당
// 반복할때마다 변수의 값이 바뀜.
// ex) 1번째 루프 / key = '1', 2번째 루프 / key = '2'
for(let key in object){
	document.write(key+' : '+object[key]);
}
複文からデータを入力するにはカッコを使用します.
keyは引用符を含むPropertyキーを割り当てるからです.
オブジェクトのデータには、文字列、ブールタイプ、配列および関数を含めることができます.
関数は式と同様に宣言されます.
object.funcName = function(){
	for(let key in this){
    	document.write(key+' : '+this[key]);
    }
}
同じフォーマットでpropertyに割り当てることができ、オブジェクトに割り当てる関数をメソッドと呼ぶことができます.
  • this
    以上の方法では、関数を含むオブジェクトを指すthisをオブジェクト名の代わりに使用します.
    このオプションを使用すると、オブジェクトの名前を変更しても影響を受けません.
  • GOOD 😉


    ようやく優先順位が遅れた生活コードjsが聞こえてきました.

    BAD 😥


    クエリー・セレクタについてよくわかりません.
    生活コード、学習対象だけを見て、現代javascriptやpoym webでさらに学ぶべきです.
    朝寝坊して、昼寝もして、今でも眠いです.彼は何をしていますか.

    TO DO 🔥


    現代JavaScriptとPOIM Webを使ってより多くのオブジェクトを学ぶ
    クエリーコレクタについて

    Retrospect 🧐


    週末は平日と大差ない立場で、週末なので周りが興奮していたので、本人もこのまま怠慢して過ごしました.
    明日からまた平日だから、元気を出して行きましょう.
    明日は必ずいつものように起きて散歩に行きます.
    国民就業支援制度1類を景品として申請し、成功を願った.
    2型は意味がない

    Reference 🙇


    生活コード-https://opentutorials.org/