문자열 및 배열 관련 메서드

1. split(separator, limit): 문자열을 배열로 변환

Separator:

• 필수x
• 문자열을 잘라 줄 구분자 (문자열 또는 정규식)
• 값이 입력되지 않으면 문자열 전체를 배열로 리턴

limit

• 필수x

• 최대 분할 개수

  
  
  

1-1. split(): 문자열 전체를 length 1인 배열에 담아서 리턴

const str = "apple banana orange";
const arr = str.split();

document.writeln(arr); // [apple banana orange]
document.writeln(arr.length); // 1

1-2. split(""): 문자열을 구분자로 잘라서 각각의 잘라진 조각들을 배열에 저장하여 리턴

const str = "a b c";
const arr = str.split("");

document.writeln(arr.length); // 5
document.writeln(arr[0]); // a
document.writeln(arr[1]); // ' '(space)
document.writeln(arr[2]); // b
document.writeln(arr[3]); // ' '(space)
document.writeln(arr[4]); // c

1-3. split(" "): 문자별로 잘라서, 한 글자씩(공백 포함) 배열에 저장하여 리턴

const str = "apple banana orange";
const arr = str.split(" ");

document.writeln(arr[0]); // apple
document.writeln(arr[1]); // banana
document.writeln(arr[2]); // orange
document.writeln(arr.length); // 3

1-4. split(","): 특정 구분자(,)로 잘라서 배열에 저장하여 리턴

const str = "apple,banana,orange";
const arr = str.split(",");

document.writeln(arr.length); // 3
document.writeln(arr[0]); // apple
document.writeln(arr[1]); // banana
document.writeln(arr[2]); // orange

1-5. split(",", 2): 문자열을 ','로 자르면 총 3개의 배열이 만들어지지만, limit 값을 2로 지정하였기 때문에2개의 배열만 생성

const str = "apple,banana,orange";
const arr = str.split(",", 2);

document.writeln(arr.length); // 2
document.writeln(arr[0]); // apple
document.writeln(arr[1]); // banana
document.writeln(arr[2]); // undefined

2. replace (regexp, newSubstr|function)

2-1. 문자열에서 특정 문자열 치환
2-2. 첫 번째로 찾은 문자열만 치환

let str = 'apple, banana, orange';
let replaced_str = str.replace('banana', 'tomato');

document.write('변경 전 : ', str, '<br/>'); 변경 전 : apple, banana, orange
document.write('변경 후 : ', replaced_str, '<br/>'); 변경 후 : apple, tomato, orange
두 번째 'banana'는 그대로인 것을 확인할 수 있습니다.

3. join(): 배열의 원소를 결합해서 하나의 문자열 생성

let arr = ['사과', '바나나', '수박'];
	
	let arrJoin1 = arr.join();
	console.log(arrJoin1); //사과,바나나,수박
	
	let arrJoin2 = arr.join('');
	console.log(arrJoin2); //사과바나나수박

	let arrJoin3 = arr.join(' ');
	console.log(arrJoin3);//사과 바나나 수박

정규식 관련 자료