ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript を使用して文字列を大文字と小文字に変換する方法 (詳細な図とテキストの説明)

JavaScript を使用して文字列を大文字と小文字に変換する方法 (詳細な図とテキストの説明)

yulia
リリース: 2018-10-29 10:57:31
オリジナル
47766 人が閲覧しました

JavaScript は、ページの機能を実現するための非常に重要な部分です。JavaScript を使って小文字の文字列を大文字に変換する方法を知っていますか?この記事では、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>
ログイン後にコピー

レンダリング:

JavaScript を使用して文字列を大文字と小文字に変換する方法 (詳細な図とテキストの説明)

画像から 変換後、文字列が小文字になり、toLowerCase は元の文字列を変更しないことがわかります。

2. toUpperCase 文字列を大文字に変換します

toUpperCase() メソッドは、toLowerCase と同様に文字列を大文字に変換できます。主要なブラウザは toUpperCase メソッドをサポートしています。

例: toUpperCase を使用して文字列を大文字に変換します。

説明: まず大文字と小文字が混在する文字列 a を定義し、 toUpperCase を使用して文字列を大文字に変換してから、その値を b に割り当てます。 document.write を使用して、ページ上に a と b の値を表示し、変換前と変換後の違いを確認します。コードは次のとおりです。

<script type="text/javascript">
  var a="absolute"
  var b=a.toUpperCase()
  document.write(a+&#39;<br>&#39;+b)
 </script>
ログイン後にコピー

レンダリング:

JavaScript を使用して文字列を大文字と小文字に変換する方法 (詳細な図とテキストの説明)

図からわかるように、文字列は変換後に大文字になり、oUpperCase は元の文字列を変更しません。

上記では、JavaScript を使用して大文字と小文字の文字列を変換する方法を紹介しました。文字列を小文字に変換したい場合は、toLowerCase() メソッドを使用します。 ) の方法については、説明がより詳細でわかりやすくなっています。これまで文字列の大文字と小文字の変換を経験したことがない人は、自分で練習して、コードで大文字と小文字の変換の効果が得られるかどうかを確認してください。あなたは助けました!

【関連チュートリアルの推奨事項】

1. JavaScript ビデオ チュートリアル
2. JavaScript 中国語リファレンス マニュアル##3. #ブートストラップ チュートリアル

以上がJavaScript を使用して文字列を大文字と小文字に変換する方法 (詳細な図とテキストの説明)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート