[π•π•’π•§π•’π•€π•”π•£π•šπ•‘π•₯.𝟏] λ°°μ—΄

0

컴퓨터언어

λͺ©λ‘ 보기
1/2
post-thumbnail

[π•π•’π•§π•’π•€π•”π•£π•šπ•‘π•₯.𝟏] λ°°μ—΄
-𝕋𝕠𝕕𝕒π•ͺ π•π•šπ•€π•₯-
𝟘.객체
πŸ™.Array(λ°°μ—΄)
𝟚.Array(λ°°μ—΄)의 λ©”μ„œλ“œ

𝟘.객체

객체지ν–₯ν”„λ‘œκ·Έλž¨μ—μ„œ 기초적으둜 λ¨Όμ € μ΄ν•΄ν•˜λŠ”κ²ƒμ€ '객체'λΌλŠ” 것 이닀.

βœ“μžλ°”μŠ€ν¬λ¦½νŠΈμ—μ„œ κ°μ²΄λŠ” 데이터λ₯Ό μ €μž₯ν•˜κ³  μ²˜λ¦¬ν•˜λŠ” κΈ°λ³Έ λ‹¨μœ„.

β€’λ¬Έμ„œ 객체 λͺ¨λΈ(DOM):μ›Ή λ¬Έμ„œ μžμ²΄λ„ 객체이고 κ·Έ μ•ˆμ— μ‚½μž…λ˜μ–΄ μžˆλŠ” 이미지와 링크, ν…μŠ€νŠΈ ν•„λ“œ 등도 λͺ¨λ“  객체이닀. 일반적으둜 μ›Ή λ¬Έμ„œμ— μ‚½μž…ν•˜λŠ” μš”μ†Œ document,lmage,link 객체 등이 μžˆλ‹€.

β€’λΈŒλΌμš°μ € κ΄€λ ¨ 객체: μ›Ή λΈŒλΌμš°μ €μ— μ‚¬μš©ν•˜λŠ” 정보도 객체둜 λ‚˜νƒ€λ‚Ό 수 μžˆλ‹€.
μ‚¬μš©ν•˜λŠ” λΈŒλΌμš°μ € 정보λ₯Ό λ‹΄κ³  μžˆλŠ” navigator 객체λ₯Ό λΉ„λ‘―ν•΄ history, location,screen 객체 등이 μžˆλ‹€.

β€’λ‚΄μž₯객체: μ›Ή ν”„λ‘œκ·Έλž˜λ°μ„ ν•  λ•Œ 자주 μ‚¬μš©ν•˜λŠ” μš”μ†ŒλŠ” μžλ°”μŠ€ν¬λ¦½νŠΈ μ•ˆμ— 미리 객체둜 μ •μ˜λ˜μ–΄ μžˆλŠ”λ°, 이λ₯Ό λ‚΄μž₯ 객체라고 ν•œλ‹€. 예λ₯Ό λ“€μ–΄ λ‚ μ§œ,μ‹œκ°„κ³Ό κ΄€λ ¨λœ ν”„λ‘œκ·Έλž¨μ„ κ°œλ°œν•˜λ €λ©΄ Date 객체λ₯Ό 가져와 μ‰½κ²Œ μ‚¬μš©ν•  수 μžˆλ‹€.

𝟘-πŸ™.객체의 μΈμŠ€ν„΄μŠ€ λ§Œλ“€κΈ°

μžλ°”μŠ€ν¬λ¦½νŠΈμ—μ„œ κ°μ²΄λŠ” μ°Έμ‘° ν˜•νƒœλ‘œ μ‚¬μš©ν•΄μ•Ό ν•˜λ―€λ‘œ "κ°μ²΄μžμ²΄κ°€ μ•„λ‹Œ μΈμŠ€ν„°μŠ€μ˜ ν˜•νƒœ" λ§Œλ“€μ–΄μ„œ μ‚¬μš© ν•΄μ•Όν•œλ‹€

μžλ°”μŠ€ν¬λ¦½νŠΈ μ•ˆμ— μ •μ˜λœ κ°μ²΄λŠ” κ·ΈλŒ€λ‘œ 두고 객체와 λ˜‘κ°™μ€ 속성과 κΈ°λŠ₯을 λ§Œλ“€ 수 μžˆλ‹€. μžλ°”μŠ€ν¬λ¦½νŠΈ 객체가->ν‹€ / κ·Έ 틀을 기본으둜 ν•΄μ„œ 계속 같은 λͺ¨μ–‘μœΌλ‘œ 찍어 λ‚΄λŠ” 것이 "μΈμŠ€ν„΄μŠ€"이닀. 그리고 κ·Έ μΈμŠ€ν„΄μŠ€μ— μ‹λ³„μžλ₯Ό λΆ™μΉœλ‹€
객체의 μΈμŠ€ν„΄μŠ€λ₯Ό λ§Œλ“€ λ•ŒλŠ” λ‹€μŒκ³Ό 같이 newλΌλŠ” μ˜ˆμ•½μ–΄λ₯Ό μ‚¬μš©. new뒀에 λ§Œλ“€λ €κ³  ν•˜λŠ” 객체 이름을 써주면 λœλ‹€.

(κΈ°λ³Έν˜•) new객체λͺ…

π”Όπ•©β˜› ν˜„μž¬ λ‚ μ§œμ™€ μ‹œκ°„μ„ ν‘œμ‹œν•˜λŠ” ν”„λ‘œκ·Έλž¨

let now = new Date(); // Date μΈμŠ€ν„΄μŠ€ λ§Œλ“€κ³  λ³€μˆ˜μ— μ €μž₯
document.write("ν˜„μž¬μ‹œκ°μ€"+now.toLocaleString());
//ν˜„μž¬ λ‚ μ§œμ™€ μ‹œκ°„ 정보λ₯Ό λ‘œμ»¬ν˜•μ‹μœΌλ‘œ λ°”κΏ”μ£ΌλŠ” toLocaleString()

𝟘-𝟚 ν”„λ‘œνΌν‹°μ™€ λ©”μ„œλ“œ 이해

κ°μ²΄μ—λŠ” "ν”„λ‘œνΌν‹°"(property)/ "λ©”μ„œλ“œ"(method)κ°€ μžˆλ‹€.

ν”„λ‘œνΌν‹° = 객체의 νŠΉμ§•μ΄λ‚˜ 속성
λ©”μ„œλ“œ = κ°μ²΄μ—μ„œ ν•  수 μžˆλŠ” λ™μž‘

π”Όπ•©β˜› μžλ™μ°¨μ˜ ν”„λ‘œνΌν‹°μ™€ λ©”μ„œλ“œ

μžλ™μ°¨ μš΄μ „μ„ ν•˜λ‚˜μ˜ ν”„λ‘œκ·Έλž¨μœΌλ‘œ λ§Œλ“€ λ•Œ,
μžλ™μ°¨ = 객체
μžλ™μ°¨μ˜ ν”„λ‘œνΌν‹° = μžλ™μ°¨ μ œμ‘°μ‚¬,λͺ¨λΈλͺ…,색상,λ°°κΈ°λŸ‰
μžλ™μ°¨μ˜ λ©”μ„œλ“œ = μ‹œλ™κ±ΈκΈ°,움직이기,λ©ˆμΆ”κΈ°,μ£Όμ°¨ν•˜κΈ°

πŸ™.Array(λ°°μ—΄)

Array κ°μ²΄λŠ” μžλ°”μŠ€ν¬λ¦½νŠΈμ˜ μ—¬λŸ¬ 가지 λ‚΄μž₯ 객체 μ€‘μ—μ„œ 배열을 닀룬닀.
=

[Arry 객체 μΈμŠ€ν„΄μŠ€ λ§Œλ“€κΈ° - μ΄ˆκΉƒκ°’μ΄ μ—†λŠ” 경우]

let numbers = new Array(); // λ°°μ—΄μ˜ 크기가 μ§€μ •ν•˜μ§€μ•ŠμŒ
let numbers = new Array(4); // λ°°μ—΄μ˜ 크기λ₯Ό 지정함

[Arry 객체 μΈμŠ€ν„΄μŠ€ λ§Œλ“€κΈ° - μ΄ˆκΉƒκ°’μ΄ μžˆλŠ” 경우]

let numbers = ["one","two","three","fore"]; 
//λ°°μ—΄ μ„ μ–Έ -> 배열은 λŒ€κ΄„ν˜Έλ₯Ό μ—΄μ–΄ μ‰Όν‘œλ‘œ κ΅¬λΆ„ν•œλ‹€.
let numbers = Array("one","two","three","fore");
//Array 객체λ₯Ό μ‚¬μš©ν•œ λ°°μ—΄ μ„ μ–Έ 


[Array 객체의 lnegth ν”„λ‘œνΌν‹° μ‚¬μš©ν•˜κΈ°]

λ°°μ—΄ μš”μ†ŒλŠ” ν”„λ‘œκ·Έλž¨ μ•ˆμ—μ„œ μ–Όλ§ˆλ“ μ§€ μΆ”κ°€ν•˜κ±°λ‚˜ μ‚­μ œν•  수 μžˆμœΌλ―€λ‘œ μš”μ†Œμ˜ 개수λ₯Ό μ•Œκ³  μ‚¬μš©ν•˜λŠ” 것 이 μ’‹λ‹€.

let numbers =["one","two","three","fore"]; //λ°°μ—΄μ„ μ–Έ

for(i=0, i<numbers.length; i++){
	document.write(<p>+numbers[i]+/<p>);
}

πŸ™-πŸ™ Array 객체의 λ©”μ„œλ“œ

		β˜› λ‹€μŒ νŽ˜μ΄μ§€μ—μ„  λ°°μ—΄λ©”μ„œλ“œ/μ‹€μŠ΅ ν•˜κ² μŠ΅λ‹ˆλ‹€  			

0개의 λŒ“κΈ€