JavaScript를 사용하여 문자열을 대문자와 소문자로 변환하는 방법(자세한 그래픽 및 텍스트 설명)

yulia
풀어 주다: 2018-10-29 10:57:31
원래의
47738명이 탐색했습니다.

JavaScript는 프론트엔드 개발에서 매우 중요한 부분입니다. JavaScript를 배우는 친구들, JS를 사용하여 소문자 문자열을 대문자로 변환하는 방법을 알고 있나요? 이 기사에서는 JS 문자열 대소문자 변환 방법에 대해 설명합니다. 관심 있는 친구들은 한 번 살펴보세요.

1. toLowerCase는 문자열을 소문자로 변환합니다.

JavaScript의 toLowerCase() 메서드는 문자열을 소문자로 변환할 수 있지만 알파벳이 아닌 문자에는 영향을 주지 않습니다. 사용할 때 호환성에 대해 걱정할 필요가 없습니다. 모든 주요 브라우저가 toLowerCase() 메서드를 지원하기 때문입니다.

예: toLowerCase를 사용하여 문자열을 소문자로 변환

설명: 대소문자 혼합 문자열 a를 정의하고, toLowerCase를 사용하여 이를 소문자로 변환하고, 반환 값을 b에 할당하고, document.write를 사용하여 페이지에 a를 표시합니다. 그리고 b의 ​​값에 대해 어떤 차이가 있는지 확인해 보세요. 코드는 다음과 같습니다.

<script type="text/javascript">
  var a="WATERmelon"
  var b=a.toLowerCase()
  document.write(a+&#39;<br>&#39;+b)
 </script>
로그인 후 복사

Rendering:

JavaScript를 사용하여 문자열을 대문자와 소문자로 변환하는 방법(자세한 그래픽 및 텍스트 설명)

그림에서 볼 수 있듯이 변환 후 문자열은 소문자로 바뀌고 toLowerCase는 원본을 변경하지 않습니다. 끈.

2.toUpperCase 문자열을 대문자로 변환

toUpperCase() 메서드는 문자열을 대문자로 변환할 수 있습니다. toLowerCase와 마찬가지로 알파벳이 아닌 문자에는 영향을 미치지 않으며 모든 주요 브라우저는 toUpperCase 메서드를 지원합니다.

예: toUpperCase를 사용하여 문자열을 대문자로 변환

설명: 먼저 대소문자 혼합 문자열 a를 정의하고 toUpperCase를 사용하여 문자열을 대문자로 변환한 다음 값을 b에 할당하고 document.write를 사용하여 a 및 The를 변환합니다. b 값이 페이지에 표시됩니다. 변환 전과 후의 차이점을 확인하세요. 코드는 다음과 같습니다.

<script type="text/javascript">
  var a="absolute"
  var b=a.toUpperCase()
  document.write(a+&#39;<br>&#39;+b)
 </script>
로그인 후 복사

Rendering:

JavaScript를 사용하여 문자열을 대문자와 소문자로 변환하는 방법(자세한 그래픽 및 텍스트 설명)

그림에서 볼 수 있듯이 변환 후 문자열은 대문자가 됩니다. o대문자는 변경되지 않습니다.

위에서는 JavaScript를 사용하여 문자열을 대문자와 소문자로 변환하는 방법을 소개했습니다. 문자열을 소문자로 변환하려면 toLowerCase() 메서드를 사용하세요. 문자열을 대문자로 변환하려면 toUpperCase() 메서드를 사용하세요. 설명은 비교적 자세하고 이해하기 쉽습니다. 이전에 문자열 대소 문자 변환을 접해 본 적이 없는 친구는 코드에서 대소 문자 변환 효과를 얻을 수 있는지 확인하기 위해 스스로 연습해야 합니다.

【관련 튜토리얼 추천】

1. JavaScript 비디오 튜토리얼
2. JavaScript 중국어 참조 매뉴얼
3.

위 내용은 JavaScript를 사용하여 문자열을 대문자와 소문자로 변환하는 방법(자세한 그래픽 및 텍스트 설명)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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