[JS] String Method

Stack/JavaScript

[JS] String Method

7ingout 2022. 5. 12. 11:34

UI UserInterface

API Application Programming Interface

문자열

배열

객체

수학

stringMethod.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        let str = 'green';
        // console.log(str.length);
        // console.log(str[0]);
        for(let i = 0; i < str.length; i++) {
            console.log(str[i]);
        }
        // indexOf() 문자열.indexOf(찾을값) -> 인덱스 반환
        console.log(str.indexOf('r'));

        // include() 문자열.includes(찾을값) -> true, false 반환
        console.log(str.includes('n'));

        // 문자열 추출
        // slice()   substring()   substr()
        // let str2 = "안녕하세요"
        // 문자열.slice(start, end)
        // 문자열.slice(0, 2)
        let str2 ='안녕하세요';
        console.log(str2.slice(0));
        console.log(str2.substring(0,3))
        console.log(str2.substr(0,3))

        // 문자열을 배열로 반환
        // 💚 split(구분자) 💚
        let str3 = '오늘은!즐!거운목!요일';
        console.log(str3.split('!', 2));

        // 문자열 결합
        // 💚 문자열.concat('결합할 문자열') 💚 -> 합쳐진 문자열 반환
        console.log(str3.concat('곧 점심시간'));

        // 대소문자 변환
        // toUpperCase() -> 대문자로 변환
        // toLowerCase() -> 소문자로 변환
        let str4 = 'JavaScript';
        console.log(str4.toUpperCase());
        console.log(str4.toLowerCase());

        // 문자열 양끝에 공백을 제거
        // trim();
        let str5 = '    안녕하세요    ';
        console.log(str5.trim());

        // 문자열로 변환
        // 💚 변수.toString(진법) 💚
        let number = 56;
        console.log(number.toString(8));

        // 해당 문자열을 숫자만큼 반복해서 새로운 문자를 반환
        // 문자열.repeat(n)
        let str6 = '안녕';
        console.log(str6.repeat(2))
    </script>
</body>
</html>

string_ex.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        function solution(s){
            let answer = Number(s);
            return answer;
        }
        console.log(solution('1234'));
    </script>
</body>
</html>

string_t_ex2.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        function solution(s) {
            let answer = '';
            // 2로 나눴을 때 값이 0이면 짝수 1이면 홀수
            // s.length %2 == 0 ?s.slice(s.length/2-1, s.length/2+1) : s.slice(s.length/2,s.length/2+1);
            if(s.length % 2 == 0) {
                answer = s.substr(s.length/2-1, 2);
            } else {
                answer = s.substr(s.length/2, 1);
            }
            return answer;
        }
        console.log(solution('abcde'));
    </script>
</body>
</html>