자바 스크립트 활용 예시(내장 객체02)

/*

    # 3. JSON객체

    : JavaScript Object Notation(자바스크립트 객체 표기법)

   

    JSON구조

    : 기본 데이터 타입의 문자, 숫자, 배열, 불리언, 객체등 모두를 포함

    >> 배열과 객체를 활용하여 자료의 형태를 구조화

    key-value(키-값)의 쌍으로 데이터를 구성

    >> 순수한 텍스트 형식의 자료: 키를 항상 따옴표로 작성

    >> 함수 사용 불가

    >> 문자열은 큰따옴표 사용을 권장

    ? JSON사용

    : 서로 다른 시스템 간에 구조화된 데이터를 전송하는데 사용

    객체 정의

*/

let data=[{

    name: 'Gwon',

    age: 20,

    job: 'developer',

    hobby:{

        first: 'exercise',

        second: 'programming'

    },

    lecture: ['java', 'c', 'python']

},

{

    name: 'Hyuck',

    age: 21,

    job: 'student',

    hobby:{

        first: 'study',

        second: 'game'

    },

    lecture: ['c++', 'python']

}];

/*

    1) JSON.stringfy(자바스크립트 객체)

    : 자바스크립트 객체를 JSON문자열로 변환

    데이터에 바로 적용X >> JSON 내장 객체에 사용

*/

console.log('JSON으로 변환');

console.log(JSON.stringify(data));

/*

    cf) .stringfy()메소드의 인자

    (JSON으로 변환할 데이터, 속성 추출, 들여쓰기 N칸 지정)

    -속성추출

    : 원하는 객체의 속성만 가져오는 경우

    >> 비워둘 경우 null 지정

    -들여쓰기 N칸

    :JSON 형태의 가독성을 향상(2칸을 주로 사용)

*/

console.log('들여쓰기 설정 JSON데이터');

console.log(JSON.stringify(data,null,4));

/*

    & 2. JSON.parse()

    : JSON 문자열을 자바스크립트 객체로 변환

*/

let jsonData= JSON.stringify(data);

console.log(jsonData);

console.log('자바스크리브 객체 출력');

console.log(JSON.parse(jsonData));

/*

    # 4. Math 내장 객체

    : 수학과 관련된 기본 연산의 객체

    속성: PI

*/

console.log(Math.PI);

/*

    메소드

    1) Math.random()

    : 0이상 1미만의 난수 생성

*/

console.log(Math.random()*10);

/*

    2) Math.floor()

    : 숫자를 가장 가까운 정수로 내림

*/

console.log(Math.floor(Math.random()*10)); //0부터 9까지의 정수

/*

    3) Math.sqrt() //square root

*/

console.log(Math.sqrt(16)); //4

console.log(Math.sqrt(255)); // 15.968...

/*

    # 5. Data() 객체

    : 자바스크립트에서 날짜와 시간을 관리하기 위해 사용되는 내장 객체

    현재 날짜와 시간을 반환

*/

let now= new Date();

console.log(now);

/*

    getDate(): 현재 '일'

    getDay(): 현재 '요일;

    getMonth(): 1월이 0부터 시작 ~12월을 11로 표기

*/

console.log(now.getMonth()+1);

console.log(now.getDay());

/*

    getHours()

    getMinuates()

    getSecond()

*/