JavaScript7

오가람·2023년 3월 3일
<h1>문자열 -> 숫자</h1>
    <pre>
        요소의 내용 또는 값을 얻어오면 기본적으로 문자열(string)으로 인식됨
        -> 산술 연산 시(덧셈) '더하기'가 아닌 '이어쓰기'가 되는 문제 발생

        Number(문자열) :    "정수" -> 정수 ("123" -> 123)
                            "실수" -> 실수 ("3.14" -> 3.14)

        
        parseInt(문자열) :      "정수" -> 정수 ("123" -> 123)
                                "실수" -> 실수 ("3.14" -> 3) 소수점 버림


        parseFloat(문자열) :    "정수" -> 정수 ("123" -> 123)
                                "실수" -> 실수 ("3.14" -> 3.14)
    </pre>

    <button class="btn1">형변환 확인</button>


    <hr>

    <h1>동등 비교 / 동일 비교 연산자</h1>
    <pre>
        동등 비교 연산자 ( == , != )
        -> 값이 같으면 true (자료현 관계 없음)

        ex) 1 == '1' == true
            -> true



        동일 비교 연산자 ( ===, !== )
        -> 값과 자료형이 모두 같으면 true
    </pre>


    <hr>

    <h1>문자열(string) 내장 함수</h1>

    <pre>
        string.indexOf("찾고싶은문자열")
        -> string 내에서 "찾고싶은 문자열"의 시작 인덱스를 반환
            없으면 -1반환

        string.lastIndexOf("찾고싶은문자열")
        -> 뒤에서부터 검색하여
        -> string 내에서 "찾고싶은 문자열"의 시작 인덱스를 반환
            없으면 -1반환

        string.substring(시작인덱스)
        -> 문자열에서 시작 인덱스부터 끝까지 잘라서 반환

        string.substring(시작인덱스, 마지막인덱스)
        -> 문자열 시작 인덱스 부터 마지막인덱스 사이를 잘라서 반환

        string.split("구분자")
        -> 문자열을 '구분자'를 기준으로 나누어 배열로 반환

        *문자열.split("") -> 문자열이 한 글자 모두 나누어져서 배열로 반환
    </pre>

    <hr>

    <h1>숫자 관련 내장 객체 / 내장 함수</h1>

    <pre>
        숫자(Number) 타입 리터럴 표기법
        - 1234(정수), 0.324(실수), NaN(Not a Number), Infinity(무한)

        숫자 관련 내장 객체 : Math

        Math.random() : 0이상 1미만의 난수 발생

        (소수점 첫쨰자리에 작용)
        Math.ceil(값) : 올림
        Math.floor(값) : 내림
        Math.trunc(값) : 버림
        Math.round(값) : 반올림

        숫자.toFixed(자릿수) : 숫자를 지정된 자릿수까지 반올림해서 표현
        ex ) (3.45).toFixed(1) --> '3.5'
    </pre>


    <hr>


    <h3>isNaN(값)</h3>
    <pre>
        값이 숫자가 아니면 true
        숫자면 false
    </pre>
    <input type="text" id="input2">
    <button id="btn2">숫자인지 확인</button>

    <h3>Math.random() 활용하기</h3>
    <button id="btn4">랜덤 배경색</button>

profile
개발자준비생

0개의 댓글