> 웹 프론트엔드 > JS 튜토리얼 > 자바스크립트에서 문자열을 뒤집는 방법

자바스크립트에서 문자열을 뒤집는 방법

青灯夜游
풀어 주다: 2018-11-17 17:45:19
원래의
7370명이 탐색했습니다.

자바스크립트에서 문자열을 어떻게 뒤집나요? 이번 글에서는 자바스크립트에서 문자열을 반전 출력하는 방법을 소개하여 자바스크립트에서 문자열을 반전시키는 방법을 이해할 수 있도록 하겠습니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다. [추천 관련 비디오 튜토리얼: javascript 튜토리얼]

1. 연결을 줄인 for 루프 사용

function reverse(s) {
  var str = '';
  for (var i = s.length - 1; i >= 0; i--)
    str += s[i];
  return str;
}
var str="hello";
str=reverse(str);
document.write("hello反转为: "+str);
로그인 후 복사

실행:

자바스크립트에서 문자열을 뒤집는 방법

입력된 각 문자를 역순으로 새 문자열에 추가합니다.

2. 두 개의 배열을 사용하고 루프에 증가/감소를 사용합니다.

function reverse(s) {
  var o = [];
  for (var i = s.length - 1, j = 0; i >= 0; i--, j++)
    o[j] = s[i];
  return o.join('');
}
var str="hello!";
str=reverse(str);
document.write("hello!反转为: "+str);
로그인 후 복사

출력:

자바스크립트에서 문자열을 뒤집는 방법

먼저 빈 배열을 만들고 증가/감소 카운터를 사용하여 문자열 길이를 반복합니다. 배열 위치는 업 카운터를 사용하고, 문자열 구문 분석에서는 다운 카운터를 사용합니다. 마지막으로 생성된 배열은 문자열로 연결되어 반환됩니다.

3. 루프에 대해 증가하는 배열 푸시 및 char 사용

function reverse(s) {
  var o = [];
  for (var i = 0, len = s.length; i <= len; i++)
    o.push(s.charAt(len - i));
  return o.join(&#39;&#39;);
}
var str="reverse";
str=reverse(str);
document.write("reverse 反转为: "+str);
로그인 후 복사

출력:

자바스크립트에서 문자열을 뒤집는 방법

이 예는 두 번째 예의 수정입니다. 두 개의 카운터를 사용하는 대신 문자열에서 구문 분석된 전체 길이에서 빼는 증분 값을 사용합니다. 이 계산된 값은 새 배열에 푸시될 다음 문자의 위치를 ​​결정합니다('[]' 대신 'push()' 함수 사용). 이전 예제와의 또 다른 차이점은 배열 기능 대신 문자열 'charAt()' 메서드를 사용한다는 것입니다.

4. javascript 내장 함수 사용: reverse()

reverse() 메서드는 배열 요소의 순서를 바꾸는 데 사용됩니다. 첫 번째 배열 요소가 마지막 요소가 되고 마지막 배열 요소가 첫 번째 것입니다. 호출은 배열 객체의 요소를 제자리로 변환하고 배열을 변경하며 배열에 대한 참조를 반환합니다.

참고: reverse() 메서드는 원래 배열을 변경하지만 새 배열을 생성하지는 않습니다.

function reverse(s) {
  return s.split(&#39;&#39;).reverse().join(&#39;&#39;);
}
var str="reverse()函数";
str=reverse(str);
document.write("reverse()函数 反转为: "+str);
로그인 후 복사

출력:

자바스크립트에서 문자열을 뒤집는 방법

먼저 문자열을 실제 배열로 분할한 다음 'reverse()' 메서드를 호출하고 마지막으로 연결된 배열을 반환합니다.

요약: 위 내용은 이 글의 전체 내용입니다. 모든 분들의 공부에 도움이 되었으면 좋겠습니다.

위 내용은 자바스크립트에서 문자열을 뒤집는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿