[JavaScript] 내장함수 , 배열, JSON

내장함수

: 자주 사용되는 함수를 레퍼런스 없이 사용하게 만든 것

eval("형식을 갖는 문자열")

: Object 반환(JSON) JavaScript Object Notation

--JSON 형식
var v = { name: value, age: value2 }
v.name
v.age

var v2 = '{name:value, age: value}'
'name='+v2.name //undefined
var v3 = eval("("+v2+")") 
'name='+v2.name //value

ParseInt, ParseFloat

var c = '3.14';
var d = 300;

'c+d='+(c+d); // 3.14300
'c+d='+((parseInt(c)+d); // 303
'c+d='+((parseFloat(c)+d); // 303.14

isNaN(데이터)

: 데이터 전체가 숫자조합이 아닌 경우 true 리턴. Not a Number

var e = '15a';
isNaN(e)//true

escape(데이터)

: 2바이트 문자를 16진수로 변환

escape("a123@")
escape("홍길동") // 16진수로 표현됨

unescape(데이터)

: 16진수를 문자로 변환

unescape(16진수데이터) 

HTML에서 함수 호출

<input type="button" onclick="gildong()" value="gilgil">
<button onclick="gildong()">gilgil2</button><br>
<a href="javascript:gildong()">gilgil3</a>

• <a href="javascript: 자바스크립트 코드">

on접두사

<input type='button' value='버튼' onclick="자바스크립트 코드">
===> 주로 함수 호출. 버튼을 클릭했을때

onfocus : 포커스가 들어왔을때
onblur : 포커스를 잃었을때
onchange : select태그에서 선택을 바꾸었을때
onkeydown : 키보드를 눌렀을때
onkeyup : 키보드 땠을때
onmouseover : 마우스가 진입했을때, 엘리먼트위에 올려졌을때
onmouseout : 마우스가 나갔을때
onmousedown : 마우스를 클릭했을때

자바스크립트 배열

• 자바스크립트 배열은 여러 자료형을 입력받을 수 있다. (비권장)
• 가변길이 배열이다.
• 집합을 표현할 때 {}를 사용하지않고 []를 사용

    var myArray = new Array(5)
    myArray[0] = 1
    myArray[1] = "2"
    myArray[2] = true
    myArray[3] = new Date()

    var myArray2 = [1,2,3,4,5]

    for(i=0; i<myArray.length; i++){ //전체데이터 출력
        document.write("<br>"+myArray[i])
    }

JSON

: JavaScript Object Notation (자바스크립트 객체를 표현하는 방법)

• {} 표기는 JSON 표현
• 자바의 Map 또는 Properties와 비슷 (key, value 쌍으로 데이터 저장)

    var 변수명 = {key:value, key:value, ...} // key: 변수, value: 데이터

    var person = {name:'홍길동', age:13 , job:'학생' , etc:[100,200,300]}

    //사용방법: 변수명.key명
    person.name //홍길동
    person.age
    person.job

    person.etc[1] //200

    var person = [ {name:"honggil", age:13 , job:"student"},
                               {name:"honggil", age:13 , job:"student"},
                                 {name:"honggil", age:13 , job:"student"} ]
    for(var i=0; i<person.length; i++){
        var p = person[i]
        document.write(p.name + p.age + p.job)
    }