[πππ§ππ€ππ£ππ‘π₯.π] λ°°μ΄
-ππ πππͺ πππ€π₯-
π.κ°μ²΄
π.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 κ°μ²΄μ λ©μλ
β λ€μ νμ΄μ§μμ λ°°μ΄λ©μλ/μ€μ΅ νκ² μ΅λλ€