[Javascript] '문자열의 가운데 글자 가져오기' 문제풀이

Notice

Recent Posts

Recent Comments

Link

« 2025/02 »
일	월	화	수	목	금	토
						1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28

Tags more

Archives

Today

Total

관리 메뉴

Bibi's DevLog 🤓🍎

[Javascript] '문자열의 가운데 글자 가져오기' 문제풀이 본문

프로그래밍/Javascript 자바스크립트

[Javascript] '문자열의 가운데 글자 가져오기' 문제풀이

비비 bibi 2020. 10. 11. 21:24

원본 예제는 아래 링크에 있습니다.

programmers.co.kr/learn/courses/30/lessons/12903(출처 : 프로그래머스)

코딩테스트 연습 - 가운데 글자 가져오기

단어 s의 가운데 글자를 반환하는 함수, solution을 만들어 보세요. 단어의 길이가 짝수라면 가운데 두글자를 반환하면 됩니다. 재한사항 s는 길이가 1 이상, 100이하인 스트링입니다. 입출력 예 s ret

programmers.co.kr

문제 설명

단어 s의 가운데 글자를 반환하는 함수, solution을 만들어 보세요. 단어의 길이가 짝수라면 가운데 두글자를 반환하면 됩니다.

제한사항

s는 길이가 1 이상, 100이하인 스트링입니다.

입출력 예

s가 abcde일 떄, return은 c
s가 qwer일 때, return은 we

아직 함수와 인수 등을 체계적으로 배우지는 않아서ㅜ
현재 수강중인 자바스크립트 입문강의(인프런) 실습문제처럼, 콘솔 버전으로 만들어 보았다.

내가 작성한 코드

(깃헙 : github.com/bibi6666667/learningJavascript/commit/c9ab0cb251667a2c8694c50aad7279946b34882a)

html 파일로 저장한 다음 브라우저로 실행하면 값이 콘솔 창에 출력됩니다.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h2>코코아 테스트1</h2>
길이 1이상, 100이하인 문자를 입력해 주세요.<br>
가운데 글자를 가져옵니다. (콘솔 버전)<br>
<input type="text" id="input">
<button onclick="testlength()">가운데 글자를 보여줘</button>
<script>
    function testlength() {
        // 문자인지 확인 - 문자 길이 확인
        var str = document.getElementById("input").value;
        var len = str.length;
        if (isNaN(str) === false){
            console.log("숫자가 아닌 문자를 입력해 주세요.")
        } else if (len < 1 || len > 100) {
            console.log("길이 1이상, 100이하인 글자로 입력해 주세요.");
        } else {
            solution(str, len);
        }
    }

    function solution(str, len) {
        if (len % 2 === 1) {
            console.log('홀수 글자!');
            var sliceOdd = ((len + 1) / 2) - 1
            var slicedOdd = str.slice(sliceOdd, sliceOdd + 1);
            console.log(slicedOdd);
        } else if (len % 2 === 0) {
            console.log('짝수 글자!');
            var sliceEven1 = (len / 2) - 1
            var sliceEven2 = (len / 2) + 1
            var slivedEven = str.slice(sliceEven1, sliceEven2);
            console.log(slivedEven);
        }
    }
</script>
</body>
</html>

함수 testlength()

document.getElementById(~).value;
웹 문서에서 id 값이 ~ 인 대상의 값을 가져온다.(str)

str.length;
str의 길이(글자 수) 를 구한다.

isNaN()
is not a number의 약자.
() 안의 값이 숫자이면 false를, 숫자가 아니면 true를 반환한다.

함수 solution()

글자수가 홀수인지 짝수인지 판별하기 위해,
글자 수를 2로 나눈 나머지가 1인지(=홀수) 아니면 0인지(짝수) 판별한다.

글자를 잘라내는 데에는 .slice() 를 활용.

i. 홀수 문자열일 때 (A.length % 2 === 1)

예를 들어 '강아지'와 같은 3(n)글자의 홀수 문자열의 가운데 글자는 2번째 글자인 '아'이다.
즉 (3+1)/2 = 2번째 글자, 공식화하면 (n+1)/2 번째 글자를 가져와야 한다.
(이때 (n+1)/2 를 a라고 하자)
그런데 .slice()의 문법을 따라야 하므로,
/강/아/지/ 에서 '아'를 출력하려면
슬라이스 1과 2 사이, 즉 a-1과 a 사이 값을 가져와야 한다. (첫번째=0번째)
-> 즉 n글자의 홀수 문자열 A에서 가운데 글자를 가져오려면
A.slice( a -1 , a ); 로 지정해야 하며,
이때 a는 (n+1)/2 이므로 A.slice( { (n+1)/2 } -1 , (n+1)/2 ); 로 바꿔 쓸 수 있다.

ii. 짝수 문자열일 때 (B.length % 2 === 0)

예를 들어 '오랑우탄'과 같은 4(m)글자의 짝수 문자열에서 가운데 두 글자는 2,3번째 글자인 '랑우'이다.
즉 4/2=2번째 글자와 4/2+1=3번째 글자, 공식화하면 m/2번째 글자와 m/2+1번째 글자를 가져와야 한다.
(이때 m/2를 b라고 하자)
역시 .slice()의 문법을 따라야 하므로
/오/랑/우/탄/ 에서 '랑우'를 출력하려면
슬라이스 1과 3 사이, 즉 b-1과 b+1 사이 값을 가져와야 한다. (첫번째=0번째)
-> 즉 m글자의 짝수 문자열 B에서 가운데 글자를 가져오려면
B.slice( b-1, b+1 ); 로 지정해야 하며,
이때 b는 m/2이므로 B.slice( (m/2)-1, (m/2)+1 ); 로 바꿔 쓸 수 있다.

새로 알게 된 것 (구글링의 도움)

isNaN()
자바스크립트 문자/숫자 판별.
is not a number의 줄인말로, 괄호 안의 내용이 숫자인지 숫자가 아닌지 판별해줌.
괄호 안이 숫자이면 false, 숫자가 아니면 true를 반환함.

저작자표시 비영리 변경금지

'프로그래밍 > Javascript 자바스크립트' 카테고리의 다른 글

[인프런] Javascript입문 - 반복문2 (break, continue, 이중루프) (0)	2020.10.12
[Javascript] '소수 찾기' 문제풀이 (0)	2020.10.11
참조 강좌 ) 생활코딩 : WEB2 Javascript - 16. 조건문 (0)	2020.10.07
참고 자료 ) Javascript의 반복문(loop) - mozilla 문서 (0)	2020.10.07
참조 강좌 ) 생활코딩 -WEB2 JavaScript - 7.변수와 대입 연산자. (0)	2020.10.07

'프로그래밍/Javascript 자바스크립트' Related Articles

Bibi's DevLog 🤓🍎

[Javascript] '문자열의 가운데 글자 가져오기' 문제풀이 본문

[Javascript] '문자열의 가운데 글자 가져오기' 문제풀이

문제 설명

제한사항

입출력 예

내가 작성한 코드

함수 testlength()

함수 solution()

새로 알게 된 것 (구글링의 도움)

'프로그래밍 > Javascript 자바스크립트' 카테고리의 다른 글

티스토리툴바