웹개발 기초 9주차

자바 스크립트는 객체 기반 언어다.

 

자바 스크립트 객체는 여러 프로퍼티와 메소드로 구성

 

객체유형

1. 코어 객체 - Array, Date 타입 등 기본 객체 //new 키워드 사용

ex) Object, Array, Function, ...

2. HTML DOM 객체 - HTML 문서 내용(HTML)과 모양(CSS)를 제어하는 용도

ex) document, ...

3. 브라우저 객체 - 브라우저를 제어하기 위해 제공

ex) navigator, screen, location, ...

 

사용자 객체 만들기

1. 직접 객체 만들기 : new Object() 이용

2. 직접 객체 만들기 : 리터럴 표기법 이용

3. 객체의 틀(프로토타입)을 만들고 객체 생성 - 일반적으로 사용(클래스)

- function student(name,score){ 내용 } 처럼 생성자 함수 구현

-> new 연산자를 이용해객체 생성

 

배열

ex) var cities = ["Seoul","New York","Paris"]; //크기가 3인 배열

-> cities[3] = "A"; // 크기가 4인 배열로 변한다. 

=> 배열 크기 고정 X, 마지막 원소 추가 시 증가

ex) cities[10] = "B"; // 오류(cities의 크기는 3 증가해도 4였기 때문에 범위를 넘음)

 

배열의 length프로퍼티

배열.length; => 배열의 크기

이를 이용하여 배열 크기 조절 가능

배열.length = 10; //크기가 10으로 조정 처음 10개 원소 외 모두 삭제

배열에 여러 타입 데이터 섞어서 저장 가능(0번은 0, 1번은 5.5, 2번은 "문자열", 3번은 Date객체, ... 등)

 

c = a.concat(b); // c는 a와 b를 연결한 새 배열

c = a.join("##"); // c는 배열 a를 연결한 문자열

c = a.reverse(); // a.reverse()로 a 배열도 변경, c는 결과 배열 (문자열이 a,c 둘다 뒤집힘)

c = a.slice(1,2); // c는 새 배열이며, 배열 1번을자름 (slice(start,end); start<=값<end;)

c = a.sort(); // a.sort()로 a 배열도 변경, c는 결과 배열 => 정렬

c = a.toString(); // 원소 사이에 ","를 넣어 문자열 생성

 

Date 객체

var now = new Date(시,분,초);

now.toUTCString(); // Universal Time Coordinated 국제 사회가 사용하는 과학적 시간 표준

now.getFullYear(); // 년도 ex)2021

now.getMonth(); // 월(1월을 0부터 시작)

now.getDate(); // 일

now.getHours(); // 시간

now.getMinutes(); // 분

now.getSeconds(); // 초

now.getMilliseconds(); // 밀리초

now.toLocaleString(); // 지역(현지)시간

 

String 객체

var a = new String("Boys");

a.charAt(0); // 0번째 글자 가져오기(배열 인덱스)

a.concat(b,"입니다") // a의 뒤에 b변수와 "입니다" 붙이기

a.indexOf("s"); // 해당 문자의 위치를 배열 인덱스값으로 줌( 없으면 -1 )

a.slice(5,8); // 5번 인덱스 부터 8번 전까지 추출

a.substr(5,3); // 5번 인덱스 부터 3글자 추출

a.toUpperCase(); // 대문자로 변환

a.replace("and","or"); // and를 or로 변환 (앞 매개변수를 뒤 매개변수로 변환)

a.trim(); // 공백 제거

var c = a.split(" "); // 매개변수로 분리 => 배열 생성(변수에 넣음), c는 배열이 된다.

 

Math객체

new Math()로 객체 생성 X => 바로 사용

ex) Math.sqrt(4);

난수 발생

var m = Math.random()*100; // m은 0~99.999....보다 작은 실수 난수

var n = Math.floor(m); // m에서 소수점 이하 제거(0~99사이)