본문 바로가기
개발기록/자바스크립트 & jQuery

Javascript 문자열 자르기① - split의 여러가지 방법 [자바스크립트 도장깨기]

by 쎄정 2022. 5. 5.
728x90

목차

    split()

    구분자로 문자열을 분리하여 배열로 리턴한다.

     

    형식

    String.split(대상 문자열, 구분자);

     

    1. 구분자로 분리

    apple banana orange의 문자열을 각각 나눠 배열로 만드는 방법이다.

    const str = "apple banana orange";
    const arr = str.split();
    arr.length(); // 1
    
    const arr= str.split(" ");
    arr.length(); // 3

     

    2. 정규표현식으로 문자열 자르기 / 여러기호의 문자열 자르기

    문자열에 여러 기호가 있는 경우 정규표현식으로 문자열을 자를 수 있다.

    let arr =["mike:M", 'Alley:F', 'Jack:M'];
    let a = arr.toString().split(/[,:]/); 
    
    console.log(a); // [ 'mike', 'M', 'Alley', 'F', 'Jack', 'M' ]

     

    3. 구분자와 배열인덱스

    구분자로 배열의 길이별로 문자열을 분리할 수 있다.

    str.split(',', '배열인덱스')로 원하는 길이까지 분리하여 배열로 리턴한다.

    const str = "apple, banana, orange";
    const arr = str.split(',', 0); // []
    const arr = str.split(',', 0); // ['apple']
    const arr = str.split(',', 0); // ['apple', 'banana']
    const arr = str.split(',', 0); // ['apple', 'banana', 'orange'];

     

    4. 배열 디스트럭처링(Destructing)

    배열의 각 요소를 추출하여 변수에 할당한다.

    const str = "apple banana orange";
    const [a, b, c] = str.split(' ');
    
    console.log(a); // apple
    console.log(b); // banana
    console.log(c); // orange
    728x90
    반응형

    댓글