혁신을 이룹니다, 오딘박스(OdinBOX)

언제나 어디서나 오딘박스와 함께!

자바스크립트(JavaScript) 문자열 자르는 방법

간지뽕빨리턴님 2024. 2. 9. 23:07
반응형

자바스크립트,프로그래밍,문자열,메서드,METHOD

문자열을 잘라 내가 원하는 모양으로 사용할 수 있다고?

프로그램을 만들다 보면 받아온 데이터를 핸들링하여 나타낼 데이터를 가공해야 할 일이 생각보다 꽤 많이 있습니다. 그중에서도 데이터를 받아 자르는 방법에 대해서 알아보도록 하겠습니다.

목차

    문자열 자르기

    자바스크립트로 활용하여 문자열 자르기를 하려고 합니다, 물론 다양한 방법이 있겠지만 제가 간단하고 쉽게 할 수 있는 방법으로 알려드리려고 합니다.

    시작 전 기본개념

    당연히 잘 알고 있는 부분이라고 생각은 하고 있지만 우선 기본적으로 알고 계셔야 하는 부분은 위 개념을 알고 계셔야 문자열을 자르거나 합칠 때 어려움이 없습니다. 예를 들어 N이라는 것을 찾고 싶다면 3으로 찾으면 됩니다. 우리가 흔히 알고 있는 1부터 시작되는 것이 아닌 0부터 시작되는 것을 확인할 수 있습니다.

    첫 번째, SubStr()

    * 현재 사용되지 않고 있는 메서드이며, ECMAScript 코드 작성 시 해당 기능이 포함한 기능을 사용하거나 존재함을 가정해선 안된다는 말과 함께 사용을 권장하지 않습니다.

    "문자열에서 특정 위치에서 시작하여 특정 문자 수만큼의 문자들을 반환하는 것입니다."

    Source:

    const example = 'OdinBOX';
    
    console.log(example.substr(1,2));
    
    console.log(example.substr(2));

    두 번째, SubString()

    "substring() 메서드는 string(문자) 객체의 시작 인덱스로부터 종료 인덱스 전까지 문자열의 부분 반환을 할 수 있습니다."

    Source:

    const example = 'OdinBOX';
    
    const example = 'OdinBOX';
    
    console.log(example.substring(2));

    세 번째, Slice()

    "Slice() 메서드는 문자열의 일부를 사용할 수 있습니다."

    Source:

    Const Example = 'OdinBOX';
    
    console.log(Example.slice(4));
    
    console.log(Example.slice(4, 6));
    
    console.log(Example.slice(-2));

    마무리

    간단하고 쉽게 문자열을 잘라 사용할 수 있는 방법에 대해서 알아봤습니다. 물론 위 방법 외에 많은 방법이 있지만 쉽게 할 수 있는 방법 중 하나라고 생각하시면 좋을 것 같습니다. 여기서 더 추가하거나 수정해야 할 내용이 있다면 댓글을 통해 남겨주시면 답변을 드리도록 하겠습니다!