Javascript 의 split() 함수와 join() 함수를 이용하여 문자열을 배열로 분할 및 결합하는 방법에 대해 알아보자.
JavaScript에서 split() 및 join()을 사용하여 문자열을 어셈블하려면 split() 메서드를 사용하여 문자열을 지정된 구분 기호에 따라 하위 문자열 배열로 분할한 다음 join() 메서드를 사용하여 요소를 결합할 수 있습니다. 지정된 구분 기호를 사용하여 결과 배열을 새 문자열로 변환합니다.
다음은 JavaScript에서 split() 및 join()을 사용하여 문자열을 조합하는 방법을 보여주는 예제 코드 스니펫입니다.
// Assuming we have a string variable called 'myString'
var myString = "This is a sample";
// Use split() to split the string into an array of words
var words = myString.split(" ");
// Use join() to join the words array into a string using underscores as separators
var underscoredString = words.join("_");
// Print the underscored string to the console
console.log(underscoredString);
위의 코드에서 먼저 조합하려는 문자열을 포함하는 myString이라는 문자열 변수를 선언합니다. 그런 다음 split() 메서드를 사용하여 문자열을 공백 구분 기호에 따라 단어 배열로 분할합니다.
이 단어 배열을 words라는 변수에 저장합니다. 다음으로 join() 메서드를 사용하여 밑줄을 구분 기호로 사용하여 words 배열을 문자열로 결합합니다. 이 밑줄이 그어진 문자열을 underscoredString이라는 변수에 저장합니다. 마지막으로 console.log()를 사용하여 underscoredString을 콘솔에 인쇄합니다.
또는, join() 메서드를 사용하는 대신 for 루프를 사용하여 하위 문자열의 결과 배열을 결합할 수도 있습니다. 다음은 이 접근 방식을 보여주는 예제 코드 스니펫입니다.
// Assuming we have a string variable called 'myString'
var myString = "This is a sample";
// Use split() to split the string into an array of words
var words = myString.split(" ");
// Use a for loop to join the words array into a string using underscores as separators
var underscoredString = "";
for (var i = 0; i < words.length; i++) {
if (i > 0) {
underscoredString += "_";
}
underscoredString += words[i];
}
// Print the underscored string to the console
console.log(underscoredString);
이 코드에서는 for 루프를 사용하여 words 배열을 반복하고 밑줄을 구분 기호로 사용하여 해당 요소를 새 문자열에 결합합니다. 결과 문자열을 저장하기 위해 underscoredString이라는 빈 문자열 변수를 선언합니다.
if 문을 사용하여 첫 번째 단어를 제외한 각 단어 앞에 밑줄 구분 기호를 추가합니다. 마지막으로 console.log()를 사용하여 underscoredString을 콘솔에 인쇄합니다.
요약하면 split() 메서드는 지정된 구분 기호를 기준으로 문자열을 하위 문자열 배열로 분할하는 데 사용되는 반면, join() 메서드는 지정된 구분 기호를 사용하여 배열의 요소를 문자열로 결합하는 데 사용됩니다.
이 두 가지 방법을 결합하여 문자열을 분할하고 하위 문자열을 조작한 다음 JavaScript에서 다시 새 문자열로 결합할 수 있습니다.
'개발 > Javascript&Jquery' 카테고리의 다른 글
[Javascript] 숫자를 입력하면 한글로 변환해주는 함수를 만들어봐! (0) | 2024.11.27 |
---|---|
[Javascript] 한글,숫자,영어만 입력 가능 and 특수문자 제거 함수를 쉽게 만들자! (2) | 2024.11.26 |
[jQuery] jQuery 로 selectbox 선택된 값 가져오기, 체크되었는지 확인하는 방법을 알아보자. (1) | 2023.03.10 |
[jQuery] jQuery로 radio 선택된 값 가져오기. (0) | 2023.03.10 |
[JavaScript & Jquery] Javascript, Jquery 를 이용한 replace 및 replaceAll, replaceWith 사용 방법. (0) | 2023.03.10 |
댓글