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に割り当てることができ、オブジェクトに割り当てる関数をメソッドと呼ぶことができます.
let object = {
// dev 와 dream은 Property.
// 프로퍼티 사이엔 콤마로 구분한다.
'name': 'Sunghoon',
'dream': 'being dev'
}
object.statue = 'sleepy';
object['property name'] = 'value'
object.dev // dot notation
object['dream'] // bracket notation
// object의 프로퍼티 수 만큼 반복
// object의 프로퍼티 키 값을 key에 할당
// 반복할때마다 변수의 값이 바뀜.
// ex) 1번째 루프 / key = '1', 2번째 루프 / key = '2'
for(let key in object){
document.write(key+' : '+object[key]);
}
object.funcName = function(){
for(let key in this){
document.write(key+' : '+this[key]);
}
}
以上の方法では、関数を含むオブジェクトを指すthisをオブジェクト名の代わりに使用します.
このオプションを使用すると、オブジェクトの名前を変更しても影響を受けません.
GOOD 😉
ようやく優先順位が遅れた生活コードjsが聞こえてきました.
BAD 😥
クエリー・セレクタについてよくわかりません.
生活コード、学習対象だけを見て、現代javascriptやpoym webでさらに学ぶべきです.
朝寝坊して、昼寝もして、今でも眠いです.彼は何をしていますか.
TO DO 🔥
現代JavaScriptとPOIM Webを使ってより多くのオブジェクトを学ぶ
クエリーコレクタについて
Retrospect 🧐
週末は平日と大差ない立場で、週末なので周りが興奮していたので、本人もこのまま怠慢して過ごしました.
明日からまた平日だから、元気を出して行きましょう.
明日は必ずいつものように起きて散歩に行きます.
国民就業支援制度1類を景品として申請し、成功を願った.
2型は意味がない
Reference 🙇
生活コード-https://opentutorials.org/
Reference
この問題について(21.06.20 👨💻 JS), 我々は、より多くの情報をここで見つけました
https://velog.io/@planethoon/TIL-21.06.20
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
クエリー・セレクタについてよくわかりません.
生活コード、学習対象だけを見て、現代javascriptやpoym webでさらに学ぶべきです.
朝寝坊して、昼寝もして、今でも眠いです.彼は何をしていますか.
TO DO 🔥
現代JavaScriptとPOIM Webを使ってより多くのオブジェクトを学ぶ
クエリーコレクタについて
Retrospect 🧐
週末は平日と大差ない立場で、週末なので周りが興奮していたので、本人もこのまま怠慢して過ごしました.
明日からまた平日だから、元気を出して行きましょう.
明日は必ずいつものように起きて散歩に行きます.
国民就業支援制度1類を景品として申請し、成功を願った.
2型は意味がない
Reference 🙇
生活コード-https://opentutorials.org/
Reference
この問題について(21.06.20 👨💻 JS), 我々は、より多くの情報をここで見つけました
https://velog.io/@planethoon/TIL-21.06.20
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
週末は平日と大差ない立場で、週末なので周りが興奮していたので、本人もこのまま怠慢して過ごしました.
明日からまた平日だから、元気を出して行きましょう.
明日は必ずいつものように起きて散歩に行きます.
国民就業支援制度1類を景品として申請し、成功を願った.
2型は意味がない
Reference 🙇
生活コード-https://opentutorials.org/
Reference
この問題について(21.06.20 👨💻 JS), 我々は、より多くの情報をここで見つけました
https://velog.io/@planethoon/TIL-21.06.20
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
Reference
この問題について(21.06.20 👨💻 JS), 我々は、より多くの情報をここで見つけました https://velog.io/@planethoon/TIL-21.06.20テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol