[JavaScript] 정리1

1. document.write();

    : 화면에 보여지게 하는 명령어이다

    : 해당 코드를 이용해서 html의 태그도 그대로 표현할 수 있다

document.write사용법

---

2. 증감연산자

    1) 후위연산자 or 후치연산자

        : i++(= i+1) 이런 식으로 쓰인다.

        : 나는 여유가 좀 있으니까 너네 계산 다 끝난 다음에 나 1 증가해줘

 

         i는 1

         j는 i++ + 1

        후위연산자의 i는 여유가 좀 있으므로 i + 1을 먼저 계산해서 j에 넣고, 그 다음 ++를 계산해준다.

        그러면 j는 2가 되겠고, i는 남은 ++계산을 해줘야하니까 2가 된다

후위연산자를 사용한 결과

---

    2) 전위연산자 or 전치 연산자

        : ++i(= i+1) 이런 식으로 쓰인다.

        : 급해 죽겠으니까 일단 나부터 1증가시키고 나머지 계산해

 

         i는 1

         j는 i++ + 1

        전위연산자의 i는 성격이 급하기 때문에 ++을 먼저 계산한 후(그러면 i는 2가 됨),

        남은 계산(i + 1)을 진행하니까 j는 최종적으로 3이 된다.

전위연산자를 사용한 결과

---

3. 논리 부정 연산자(!)

    : 말 그대로 논리를 부정하는 연산자

    ex) 사과는 빨간색이다 : true(사과는 빨간색이 맞다)

         !(사과는 빨간색이다) : false(사과는 빨간색이 아니다)

---

4. 삼항 연산자

     : 항이 3개 있는 연산자

ex ) 국어점수가 80점 이상이면 합격임을, 아니면 불합격임을 알려주세요

국어점수가 90점이기 때문에 조건식(괄호 안에 든 내용)이 참임. 그래서 앞에 "합격입니다"가 출력된 것.

만약 국어점수가 50점이었다면 뒤에 "불합격입니다"가 결과로 나왔을 것.

---

5. Date객체

    : 현재 시간을 표현할 수 있는 객체

        1) getMonth()

            : 현재 "달"을 가져오는 메서드

            : 1월(0) ~ 12월(11)

        2) getDate()

            : 현재 "일"을 가져오는 메서드

            : 1일(1) ~ 31일(31)

        3) getDay()

            : 현재 "요일"을 가져오는 메서드

            : 일요일(0) ~ 토요일(6)

Date객체와 Date객체가 가지고 있는 메서드

번외로 날짜를 직접 지정해줄 수 도 있다

2021년 5월 1일의 날짜를 지정한 것

---

6. Math객체

    1) max() : 가장 큰 값 찾기

    2) min() : 가장 작은 값 찾기

    3) round() : 반올림

    4) floor() : 내림

    5) ceil() : 올림

    6) random() : 0 ≤ x < 1 사이 실수 값이 랜덤으로 찍힘

    7) PI() : 원주율

Math객체의 함수들

---

7. 문자(string) 객체

    1) charAt() : 해당하는 인덱스 번호의 문자열을 추출(0부터 시작 - H가 0)

    2) indexOf("문자열") : "you"라는 문자와 일치하는 부분의 첫 번째 인덱스 값

    3) indexof("문자열", 숫자) : "you"라는 문자와 일치하는 부분을 찾는데, 그 시작을 16번째 인덱스부터.

    4) lastIndexOf() : 문자열의 끝에서부터 "you"와 일치하는 부분의 마지막 인덱스 값(u)

    5) match() : 일치하는 문자

    6) serch() : 해당하는 문자열을 찾음(있다면 몇 번째 인덱스에서 시작하는 지 나옴)

    7) substr(숫자1, 숫자2) : 숫자1번 인덱스부터 시작해서 숫자2번 만큼의 문자열을 추출

    8) substring(숫자1, 숫자2) : 숫자1번 인덱스부터 시작해서 숫자2번 인덱스 바로 앞 문자열까지 추출 

    9) replace("문자열1", "문자열2") : 문자열1번을 문자열2번으로 변경(뒤에 같은 내용이 있어도 첫 번째 부분만 변경됨)

    10) replaceAll("문자열1", "문자열2") : 문자열1번에 해당하는 모든 문자를 문자열2번 내용으로 변경

    11) split() : 문자열을 어떻게 나눌지 기준을 정하고 그 기준을 바탕으로 문자열을 나눔(나눠진 문자열은 배열로 확인 가능)

    12) length : 배열에 들은 길이를 알려주는 속성

문자열 객체의 함수 및 속성