자바스크립트 javascript 문자열 자르기 substr, substring, slice, split

자바스크립트에서 문자열을 추출 자르기에 대해 알아보겠습니다.
javascript 문자열 내장 함수를 이용하여 문자열을 추출할 수 있습니다.

- substr

substr() 메서드는 문자열에서 시작 인덱스에서 시작하여 특정 문자 수 만큼의 문자들을 반환합니다.
새로운 문자열을 반환합니다.

Syntax: str.substr(start[, length])

• start: 문자열 시작 인덱스, 0부터 시작합니다.
  
• length: 추출할 문자열의 길이를 나타냅니다.
  

NOTE: length 생략할 경우 문자열의 끝까지 반환합니다.

const str = 'Big golas get big results.';
console.log(str.substr(1, 8));
// output: ig golas
console.log(str.substr(7));
// output: as get big results.

- substring

substring() 메서드는 문자열의 시작 인덱스로 부터 종료 인덱스 전 까지 문자열을 추출하여 반환합니다.
새로운 문자열을 반환합니다.

Syntax: str.substring(indexStart[, indexEnd])

• indexStart: 추출할 문자열 시작 인덱스, 0부터 시작합니다.
  
• indexEnd: 추출 종료 인덱스로 그 직전까지 추출됩니다.
  

NOTE: indexEnd 생략할 경우 문자열의 끝까지 반환합니다.

const str = 'Big golas get big results.';
console.log(str.substring(1, 8));
// output: ig gola
console.log(str.substring(7));
// output: as get big results.

- slice

slice() 메서드는 시작 인덱스부터 종료 인덱스 전까지의 문자열을 추출합니다
새로운 문자열을 반환합니다.

Syntax: str.slice(beginIndex[, endIndex])

• beginIndex: 문자열 시작 인덱스, 0부터 시작합니다.
  
• endIndex: 추출 종료 인덱스로 그 직전까지 추출됩니다.
  

NOTE: endIndex를 생략할 경우 문자열의 끝까지 반환합니다.
종료 인덱스 위치의 문자는 추출에 포함되지 않습니다.

const str = 'Big golas get big results.';
console.log(str.slice(8));
// output: "s get big results."
console.log(str);
// output: "Big golas get big results."

- split

split() 메서드는 문자열을 지정한 지정된 구분자를 이용하여 나눠진 문자 배열을 반환합니다.
새로운 배열을 반환합니다.

Syntax: str.split([separator[, limit]])

• separator: 원본 문자열을 끊어야 할 부분을 나타내는 문자열을 나타냅니다.
  
• limit: 반환할 문자 혹은 문자열의 갯수를 나타냅니다.

NOTE: limit 생략할 경우 구분된 모든 문자를 반환합니다.

const str = 'Big golas get big results.';
console.log(str.split(' '));
// output: [ 'Big', 'golas', 'get', 'big', 'results.' ]
console.log(str.split(' ', 2));
// output: [ 'Big', 'golas' ]

[Javascript] - 자바스크립트 javascript 문자열 찾기

[Javascript] - 자바스크립트 javascript 문자열 공백 제거 trim

[Javascript] - 자바스크립트 javascript 문자열 합치기

[Javascript] - 자바스크립트 javascript 문자열 바꾸기 치환

자바스크립트 javascript array to string 배열을 문자로 변경

자바스크립트에서 배열을 문자로 변경하는 방법에 대해 알아보겠습니다.
javascript 문자열 내장 함수인 join 메서드를 이용하는 방법과 for문를 이용하여 배열을 문자열로 변경할 수 있습니다. 두 가지 방법을 비교해 보겠습니다.

• join: 배열의 모든 요소를 합쳐 하나의 문자열을 반환합니다.

- join

배열의 모든 요소를 합쳐 하나의 문자열을 반환합니다.
새로운 문자열을 반환합니다.

Syntax: arr.join([separator])

let array1 = ['one', 'two', 'three'];
 
console.log(array1.join());
// output: "one,two,three"
 
console.log(array1.join(''));
// output: "onetwothree"
 
console.log(array1.join('-'));
// output: "one-two-three"

INFO: 구분자를 생략하면 쉼표로 구분되어 새로운 문자열을 반환합니다.

for문 사용

let array1 = ['one', 'two', 'three'];

let str = '';
let separator = ',';
for (let i=0; i<array1.length; i++) {
    str += array1[i] + (i == array1.legnth - 1 ? '' : separator);
}

console.log(str);
// output: "one,two,three"

INFO: for문을 이용하여 구현할 수 있으나 join 함수를 사용하는게 편하고 쉽다.

2차원 배열 join 함수 적용

let array1 = [
    ['one', 'two', 'three'],
    ['four', 'five', 'six'],
    ['seven', 'eight', 'nine'],
];
console.log(array1.join("-"));
// output: "one,two,three-four,five,six-seven,eight,nine"

INFO: 이차원 배열에 join 함수를 사용하면 내부 배열은 쉼표(default)로 구분되어 지고 외부 배열이 구분자로 구분됩니다.

javascript array 내장 함수인 join 함수, 배열의 요소를 구분자로 구분하여 하나의 문자열로 반환하는 함수에 대해 알아보았습니다.
핸드폰 번호를 표시할 때 구분자로 - 기호를 쓰거나 어떤 주제에 대한 태그 목록을 # 기호로 구분하여 표시할 때 유용하게 쓸 수 있을꺼 같습니다.

[javascript] - 자바스크립트 javascript 문자열 찾기

[javascript] - 자바스크립트 javascript 문자열 공백 제거 trim

[javascript] - 자바스크립트 javascript 문자열 합치기

[javascript] - 자바스크립트 javascript 문자열 바꾸기 치환

[javascript] - 자바스크립트 javascript 문자열 추출 / 자르기