본문 바로가기
프로그래밍/자바스크립트

프로그래밍 「 자바스크립트 편」JavaScript 역방향 문자열 : 3 가지 가장 좋은 방법

by grapedoukan 2023. 7. 3.
728x90

JavaScript에서 문자열을 되돌리는 데 지쳤습니까? 걱정하지 마세요, 당신은 혼자가 아닙니다! 문자열을 뒤집는 것은 간단한 작업처럼 보일 수 있지만 특히 JavaScript를 처음 사용하는 경우 놀라울 정도로 까다로울 수 있습니다.

이 블로그 게시물에서는 문자열, 숫자 및 배열을 반전시키는 다양한 방법을 살펴보겠습니다.

  • 내장 reverse() 메서드를 사용하여 문자열 반전
  • for 루프를 사용하여 문자열 반전
  • reduce() 메서드를 사용하여 역방향
  • 다른 역방향 방법 비교
  • 숫자 반전
  • 숫자 배열 반전

각 방법을 자세히 살펴 보겠습니다.

JavaScript에서 문자열을 어떻게 뒤집습니까?

문자열을 반전하는 기능은 여러 사용 사례에서 유용합니다. 예를 들어, 그 반대는 단어가 회문인지 아닌지를 확인하는 데 사용할 수 있습니다. 회문은 앞뒤로 같은 방식으로 읽는 단어입니다.

문자열을 사용할 수 있을 뿐만 아니라 reverse() 메서드를 사용하여 배열의 요소 순서를 반대로 바꿀 수도 있습니다. 이 부분의 뒷부분에서는 배열 또는 개체 수를 반전시키는 방법의 예를 살펴보겠습니다.

1. string.reverse() JavaScript 메서드를 사용하여 문자열 반전

reverse() 메서드는 JavaScript 문자열을 되돌리는 가장 간단한 방법 중 하나입니다. reverse() 메소드는 내장 배열 메소드 중 하나입니다. 원래 배열 요소의 순서를 반대로 합니다.

JavaScript에서 이 메서드를 사용하여 문자열을 되돌리려면 먼저 문자열을 문자 배열로 분할합니다. 예를 들면 다음과 같습니다.

let originalString = "Hello World";
// split reverse and join
let reversedString = originalString
    .split('')
    .reverse()
    .join('');
console.log(reversedString);
// Output: "dlroW olleH"

문자열을 반전시키려면 JavaScript 배열 메서드 reverse() 중 하나를 사용할 수 있습니다.

Reverse() 메서드를 사용하여 JavaScript에서 문자열 반전

내장된 reverse() 배열 메서드를 사용하지 않고 문자열을 반전시키려면 루프 또는 reduce() 기반 솔루션을 사용할 수 있습니다.

2. for 루프를 사용하여 JavaScript에서 문자열 반전

for 루프는 JavaScript에서 문자열을 반전시키는 또 다른 방법입니다. for 루프를 사용하는 경우 마지막 인덱스에서 첫 번째 인덱스까지 문자열의 문자를 반복해야 합니다. charAt() 메서드를 사용하여 문자를 검색합니다. 마지막으로 JavaScript 문자열 연결을 사용하여 새 문자열을 만들 수 있습니다.

다음은 reverse() 메서드를 사용하지 않고 문자열을 역방향으로 변환하는 예제입니다.

let originalString = 'Hello World';
let reversedString = '';
for (let index = originalString.length - 1; index >= 0; index--) {
        reversedString += originalString.charAt(index);
}
console.log(reversedString);
// Output: "dlroW olleH"

for 루프를 사용하여 JavaScript에서 문자열 반전

3. reduce() 메서드를 사용한 문자열 반전

reduce() 함수는 JavaScript에서 문자열을 반전시키는 보다 우아한 방법입니다. 이 메서드는 각 배열 요소를 가져와서 함수를 적용하여 배열을 단일 값으로 줄입니다.

이 메서드를 사용하여 문자열을 반전하는 경우 reduce() 함수를 사용하여 문자를 반복하고 역순으로 새 문자열에 연결합니다.

다음은 split() 및 reduce() 메서드를 사용하여 문자열을 반전시키는 예입니다.

let originalString = 'Hello World';
let reversedString = originalString
  .split('')
  .reduce((acc, char) => char + acc, '');
console.log(reversedString); 
// Output: "dlroW olleH"

JavaScript를 사용하여 숫자 반전

문자열을 반전시키려면 위에 나열된 방법 중 하나를 사용할 수 있습니다. 숫자를 바꿔야 하는 경우 어떻게 해야 합니까? 해결책은 간단합니다.

  • toString() 함수를 사용하여 정수뿐만 아니라 모든 숫자를 문자열로 변환합니다.
  • 문자열을 반전하려면 이 문서의 위에 나열된 방법 중 하나를 사용합니다.
  • 데이터 유형에 따라 JavaScript parseFloat() 또는 JavaScript parseInt() 메서드를 사용하여 생성된 문자열을 숫자로 변환합니다.
const number = -12345.67;
const reversedString = number
  .toString()
  .split('')
  .reverse()
  .join('');
let reversedNumber = parseFloat(reversedString) * Math.sign(number);
console.log(reversedNumber); 
// Output: -76.54321

JavaScript toString() 메서드는 위의 코드에서 입력 숫자를 문자열로 변환하는 데 사용되었습니다. 그런 다음 문자열은 빈 문자열(' ') 구분 기호가 있는 split 메서드를 사용하여 문자 배열로 분할됩니다. 다음으로 reverse() 메서드를 사용하여 배열의 순서를 반대로 한 다음 join(' ') 메서드를 사용하여 배열을 문자열로 결합하고 빈 문자열 ' '을 다시 한 번 구분 기호로 사용합니다.

그 결과 반전된 문자열은 parseInt() 또는 parseFloat() 메서드를 사용하여 다시 숫자로 변환됩니다.

이 접근 방식을 사용하면 JavaScript에서 모든 숫자를 쉽게 되돌릴 수 있습니다.

JavaScript를 사용하여 배열 반전

reverse()는 내장 배열 메서드이기 때문에 배열을 뒤집는 것은 간단하고 간단합니다.

const numbers = [10, 20, 30, 40, 50]
let reversedNumbers = numbers.reverse();
console.log(reversedNumbers)
// Output: [50, 40, 30, 20, 10]

JavaScript reverse() 메서드는 원래 배열을 업데이트합니다. reverse() 메서드를 사용하여 객체 배열과 숫자형 배열을 반전시킬 수 있습니다.

const books = [
    { bookdId: 100, title: 'Mastering JS' }, 
    { bookdId: 200, title: 'JS for WebDev' },
    { bookdId: 300, title: 'Pactical JS' }
    ]
let reversedBooks = books.reverse();
console.log(reversedBooks)
/* Output:
 [
    { bookdId: 300, title: 'Pactical JS' },
    { bookdId: 200, title: 'JS for WebDev' },
    { bookdId: 100, title: 'Mastering JS' }
] 
*/

결론

이 기사에서는 JavaScript에서 문자열을 반전시키는 세 가지 방법을 살펴보았습니다.

  • reverse() 메서드를 사용하여 문자열을 반전시키는 것은 간단하고 간단합니다.
  • 내장된 reverse() 메서드를 사용하지 않고 문자열을 되돌리려면 for 루프 또는 reduce() 메서드를 사용할 수 있습니다.
  • 다른 역방향 방법과 비교할 때 모든 역방향 방법에는 고유한 장점과 단점이 있습니다.
  • 문자열 reverse 메서드 외에도 숫자와 숫자 배열을 반전하는 방법을 배웠습니다.
728x90