05. string.prototype.concat()

자바스크립트(JavaScript)의 concat() 메서드는 매개변수로 전달된 문자열을 받어, 결합된 새로운 문자열을 반환합니다.

{
	let arr1 = [1, 2, 3];
	let arr2 = [4, 5];
	let newArray = arr1.concat(arr2, 6, [7, 8]);
	
	console.log(newArray); 
}

기존의 문자열을 변경하지 않고 새로운 문자열을 반환한다. 매개변수로 받는 값을 복사하여 붙여넣습니다.

결과 확인하기
[1, 2, 3, 4, 5, 6, 7, 8]

19. string.prototype.slice()

자바스크립트에서 slice() 메서드는 문자열에서 시작 위치에서 종료 위치 값을 추출하여, 새로운 문자열을 반환합니다.

{
	let arr = [1, 2, 3, 4, 5];
	let slicedArray = arr.slice(1, 4);

	console.log(slicedArray); 
	
	let arr = [1, 2, 3, 4, 5];
	let slicedArray = arr.slice(-3, -1);

	console.log(slicedArray); 
}

기존의 문자열을 변경하지 않고 새로운 문자열을 반환한다. 처음에 오는 값은 시작 위치, 다음 오는 값은 끝 지점을 뜻한다. 음수로 값을 작성하면 뒤에서부터 위치를 지정한다.

결과 확인하기
[2, 3, 4]
[3, 4]

20. string.prototype.substring()

메서드는 문자열에서 시작 위치에서 종료 위치 값을 추출하여, 새로운 문자열을 반환합니다.

{
	let str = "Hello, World!";
	let newString = str.substring(7, 12);
						
	console.log(newString); 
	let str = "Hello, World!";
	let newString = str.substring(7, -2);
	
	console.log(newString); 
}

substring() 메서드는 문자열에서 일부분을 선택할 때 유용하며, 원본 문자열을 변경하지 않고 필요한 부분만 추출할 수 있습니다.

결과 확인하기
"World"
"Hello, Wor"

22. string.prototype.split()

자바스크립트(JavaScript)의 splite() 메서드는 문자열을 구분자로 구분하고, 여러 개의 문자열(배열)을 반환합니다.

{
    let str = "HELLO, WORLD!";
    let lowerStr = str.toLowerCase();
    console.log(lowerStr);
}

기존의 문자열을 변경하지 않고 새로운 문자열을 반환한다. 대문자로 입력된 문자열을 소문자로 통일하여 데이터를 처리할 때 유용하다.

결과 확인하기
hello, world!

22. string.prototype.split()

자바스크립트(JavaScript)의 splite() 메서드는 문자열을 구분자로 구분하고, 여러 개의 문자열(배열)을 반환합니다.

{
	let str = "apple,banana,cherry";
	let fruits = str.split(",");
	
	console.log(fruits); 
	let str = "apple,banana,cherry,dates,figs";
	let fruits = str.split(",", 3);

	console.log(fruits); 
}

split() 메서드는 문자열을 특정 패턴으로 분할하고, 이 분할된 부분을 배열로 처리할 때 유용합니다. 예를 들어 CSV 파일의 데이터를 파싱하거나 문자열을 특정 규칙에 따라 분할하는 데 사용할 수 있습니다.

결과 확인하기
["apple", "banana", "cherry"]
["apple", "banana", "cherry"]

27. string.prototype.toLowerCase()

자바스크립트(JavaScript)의 toLowerCase()메서드는 문자열을 소문자로 반환할 때 사용되는 메서드입니다.

{
    let str = "HELLO, WORLD!";
    let lowerStr = str.toLowerCase();
    console.log(lowerStr);
}

기존의 문자열을 변경하지 않고 새로운 문자열을 반환한다. 대문자로 입력된 문자열을 소문자로 통일하여 데이터를 처리할 때 유용하다.

결과 확인하기
hello, world!

22. string.prototype.split()

자바스크립트(JavaScript)의 splite() 메서드는 문자열을 구분자로 구분하고, 여러 개의 문자열(배열)을 반환합니다.

{
    let str = "HELLO, WORLD!";
    let lowerStr = str.toLowerCase();
    console.log(lowerStr);
}

기존의 문자열을 변경하지 않고 새로운 문자열을 반환한다. 대문자로 입력된 문자열을 소문자로 통일하여 데이터를 처리할 때 유용하다.

결과 확인하기
hello, world!

27. string.prototype.toLowerCase()

자바스크립트(JavaScript)의 toLowerCase()메서드는 문자열을 소문자로 반환할 때 사용되는 메서드입니다.

{
    let str = "HELLO, WORLD!";
    let lowerStr = str.toLowerCase();
    console.log(lowerStr);
}

기존의 문자열을 변경하지 않고 새로운 문자열을 반환한다. 대문자로 입력된 문자열을 소문자로 통일하여 데이터를 처리할 때 유용하다.

결과 확인하기
hello, world!

28. string.prototype.toUpperCase()

자바스크립트(JavaScript)의 toUpperCase()메서드는 문자열을 대문자로 반환할 때 사용되는 메서드입니다.

{
    let str = "Hello, World!";
    let upperStr = str.toUpperCase();
    console.log(upperStr); 
}

기존의 문자열을 변경하지 않고 새로운 문자열을 반환한다. 소문자로 입력된 문자열을 대문자로 통일하여 데이터를 처리할 때 유용하다.

결과 확인하기
HELLO, WORLD!

30. string.trim()

자바스크립트(JavaScript)의 trim() 메서드는 문자열을 다룰 때 매우 유용한 메서드 중 하나입니다.

{
   let str = "   hello.js";
   let trimStr = str.trim();
   console.log(str);
   console.log(trimStr);
}

trim() 메서드는 기존의 문자열에 영향을 주지 않고, 문자열의 앞,뒤 공백을 제거하고 새로운 문자열을 반환한다.
공백의 영향을 받지 않고 순수한 텍스트 데이터를 받아오거나 비교할 때 유용하다. 단 문자 사이의 여백을 제거할 수는 없다.

결과 확인하기
   hello.js
hello.js