자바스크립트 javascript string 합치기 concat

자바스크립트에서 문자열을 합치는 방법에 대해 알아보겠습니다.
javascript 문자열 내장 함수인 cancat 메서드를 이용하는 방법과 + 연산자를 이용하여 문자열을 합칠 수 있습니다.

- concat

파라미터로 전달된 모든 문자열을 붙인 값을 반환합니다.
새로운 문자열을 반환합니다.

Syntax: str.concat(string2, string3[, ..., stringN])

• string2, string3, [, ..., stringN]: N개의 파라미터를 받습니다.

const str = 'abcd', str1 = 'efg';
console.log(str.concat(str1));
// output: abcdefg

const array = ['efg', 'hij', 'jkl'];
console.log(str.concat(...array));
// output: abcdefghijjkl

+ 연산자 이용하기

+연산자를 이용하여 문자열을 합칠 수 있습니다.

const str = 'abcd', str1 = 'efg';
console.log(str + str1);
// output: abcdefg

Template literals

문자열을 표현할 떄 내부에 내부 표현식을 사용할 수 있는 표현법입니다.
템플릿 리터럴은 이중 따옴표(" ") 나 작은 따옴표(' ') 대신 백틱(` `) (grave accent) 을 이용합니다.

var a = 7;
var b = 10;
console.log("Seventeen is " + (a + b) + " and\nnot " + (2 * a + b) + ".");
// output: Seventeen is 17 and
// not 24.

INFO: 수식과 문자열 그리고 개행을 넣는 방법도 보기 어렵고 오타가 많이 날 수 있습니다.

var a = 7;
var b = 10;
console.log(`Seventeen is ${a + b} and
not ${2 * a + b}.`);
// output: Seventeen is 17 and
// not 24.

INFO: ${} 내부 표현식을 활용하여 읽기 쉽고 작성하기 쉬운 방법으로 활용할 수 있습니다.

자바스크립트 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 문자열 바꾸기 치환