JavaScript 연산자

Wondon Jeong·2023년 7월 25일

JavaScript

목록 보기
3/14
post-thumbnail
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset='utf-8'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <title>Operator</title>
</head>
<body>
    
    <h1>03-operator.html</h1>
    <hr>

    <fieldset>
        <ul>
            <li>산술 연산 : +, -, *, /, %</li>
            <li>대입 연산 : =, +=, -=, *=, /=</li>
            <li>비교 연산 : >, <, >=, <=, ==, !=, ===, !==</li>
            <li>논리 연산 : &&, ||, !</li>
            <li>삼항 연산 : A ? B : C</li>
        </ul>
    </fieldset>

    <script>
        // + 연산자는 문자열을 숫자로 변환할 수 있다 (단항 부호 연산)
        // 문자열을 대상으로 비교연산을 사용할 수 있다
        const t1 = 123
        const t2 = '123'
        console.log('typeof(t1) : ', typeof(t1))
        console.log('typeof(t2) : ', typeof(t2))
        console.log('t1 == t2 : ', t1 == t2)    // 타입 상관없이 비교
        console.log('t1 === t2 : ', t1 === t2)  // 타입을 포함하여 비교
        console.log('t1 === +t2 : ', t1 === +t2)// @t2앞의 +는 Integer.parseInt
        console.log(+'Hello')   // Not a Number
        console.log("isNaN('Hello')", isNaN('Hello'))
        console.log("isNaN('1234')", isNaN('1234'))
        console.log('')

        const v1 = []
        const v2 = '0'
        const v3 = 0

        console.log('v1 == v3 :', v1 == v3)
        console.log('v2 == v3 :', v2 == v3)
        console.log('v1 == v2 :', v1 == v2)
        console.log('')

        // 일치/불일치 뿐 아니라 크기 비교도 가능하다
        const s1 = 'apple'
        const s2 = 'banana'

        console.log('s1 > s2 :', s1 > s2)
        console.log('s1 < s2 :', s1 < s2)
        console.log('')

        const arr1 = [4, 8, 2, 7, 6]
        const arr2 = ['banana', 'java', 'apple', 'dev', 'c']

        arr1.sort((a, b) => { return a < b ? 1 : -1 })
        arr2.sort((a, b) => a < b ? 1 : -1)

        console.log(arr1)
        console.log(arr2)

    </script>

</body>
</html>
profile
Never give up!!

0개의 댓글