JavaScript(3)

위수현·2023년 2월 28일
0

배열

2차배열

행열

2차 배열의 생성 방법

🔎 2차 배열은 1차 배열을 생성하면서 각각의 요소로 새로운 ㅍ배열을
포함시키는 형태로 생성한다.

let myarray = new Array(
    new Array(값1, 값2, ...),
    new Array(값1, 값2, ...)
);

let myarray = [
    [값1, 값2, ..],
    [값1, 값2, ..]
];

배열의 사용

🔎 배열이름[행][열]
🔎 인덱스값은 0부터 시작된다.

배열의 길이

🔎 행 : 배열이름.length;
🔎 열 : 배열이름[i].length;

<예제>

1

2

3

4

5

Math

최대값			: max
최소값			: min
원주율			: PI
소수점 반올림		: round
소수점 올림		:  ceil
소수점 내림		: floor
절대값 반환		: abs
난수 발생		: random

<예제>

1

2

Date

Date내장객체

  • 시스템의 현재 시각을 표현하는 객체 생성

    let mydate = new Date();
  • 특정 날짜를 내장하고 있는 객체 생성
    월에 대한 값이 0부터 시작하기 때문에,
    원하는 날짜의 한달 작은 값을 설정

    let theday = new Date(년,월-1,일);

현재 요일을 출력하기

  • 일요일 0 ~ 토요일 6이다.
  • 숫자값이기 때문에 실제 요일을 의히나느 문자열 출력하기 위해서는 배열의 인덱스로 활용

두 날짜차이 구하기 -> TimeStamp값

        - TimeStamp는 1970년 1월 1일 자정부터
        지금까지 지난 시각을 초 단위로 바꾼 값
        
        - JavaScript에서는 getTime() 함수를 통해
        Date 객체가 담고 있는 시각을 1/1000초 단위의
        TimeStamp형태로 변환하여 리턴해 준다.
        
        - 두 개의 Date객체를 각각 TimeStamp로
        변환하여 큰 값에서 작은 값을 뺀 후에,
        이 값을(24시간 * 60분 * 50초 * 1000)으로
        나누면 두 객체 사이의 날짜 차이값을
        구할 수 있다.
        - 나눈 값은 소수점 이하는 절단해야 한다.
        
        두 객체 사이의 차가 3.5일로 계산된 경우,
        3일, 5시간을 의미하는데, 4일로는 판단하지
        않기 때문
        

setInterval 함수

        - setInterval 함수는 다른 함수의 이름과
        1/1000초 단위의 시간값을 파라미터로
        설정하여 정해진 시간에 한번씩 파라미터로
        전달된 함수를 반복적으로 호출한다.

        setInterval(printTime, 1000);
        printTime : 함수
        1000 : 1초마다 한번씩 printTime함수를 실행(Milliseconds)

        setInterval(function(){
            ...1초마다 실행될 구문...
        }, 1000);
        별도의 함수를 정의하는 형태가 아닌
        function(){...} 블록을 직접 설정하는 것도
        가능하다.
        이처럼 파라미터 형태로 전달되는 함수를
        콜백함수라고 한다.            

Object

javascript 객체생성 과정

        - 빈 객체의 생성
            -> 아무런 기능이 없는 상태의 빈 객체를 생성이
            상태가 prototype이다.
            - 변수의 추가
            - 함수의 추가

            빈 객체 생성
            - let people = {};

            변수의 추가
            - people.name = "자바학생";
            - people.gender = "여자";

객체를 통한 변수 호출

< 직접 찍어보기 >

< 리스트형태로 찍어보기 >

       객체이름.함수이름 = function(파라미터){
            .. 함수 구현 부분..
            return 값;
        };

        - 메서드 안에서 객체 자원 활용하기
        - 객체 안에 포함된 메서드를
        호출하거나, 프로퍼티(맴버변수)를 활용하고자
        하는 경우에는 this 키워드를 사용한다.

        this.변수이름;
        
      

함수를 포함시키기, 
객체안에 들어있는 function을 메서드처럼 취급

생성된 function() 메서드를 Chrome의 개발자도구(f12)에서 확인할 수 있다.

profile
수현

0개의 댓글