ホームページ > 記事 > ウェブフロントエンド > JavaScript_javascript スキルの文字列オブジェクト

JavaScript_javascript スキルの文字列オブジェクト

WBOYオリジナル: 2016-05-16 15:55:211252ブラウズ

1.String: 文字列を格納し、文字列の処理に必要なプロパティとメソッドを提供します。

1. String オブジェクトの作成: 明示的および暗黙的

<DOCTYPE html>
<html>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
  <head>
    <title>js函数</title>
  </head>
  <script type="text/javascript">
     //申明String对象的两种方式：显式和隐式申明
     //1.隐式
     var myString="abc";
     document.write(myString+"<br/>");
     //2.显式
     var myString2=new String("abc");
     document.write(myString2+"<br/>");
  </script>
  <body>
  
  </body>
</html>

*明示的に宣言された String オブジェクトと暗黙的に宣言された String オブジェクトの型は異なります。暗黙的に宣言された String オブジェクトの型は string ですが、明示的に宣言された String オブジェクトの型は object です。

*明示的な文字列作成と暗黙的な文字列作成の本当の違いは、同じ文字列を再利用したい場合は、明示的に文字列を作成する方が効率的であるということです。

* 明示的に文字列を作成すると、JavaScript インタプリタが数値と文字列を混同しやすくなります。

2. String オブジェクトの使用方法

String オブジェクトには多くのメソッドがありますが、ここでは 2 つのみについて説明します。 IndexOf() メソッドと substring() メソッドは大文字と小文字に注意します。

*知っておくべきこと: JavaScript の文字列は文字で構成されます。これらの文字にはそれぞれインデックスがあります。インデックスは 0 ベースであるため、最初の位置のインデックスは 0 になり、2 番目の位置のインデックスは 1 になります。

*indexOf() メソッドは、部分文字列の先頭のインデックス位置を見つけて返します。検索対象の要素が存在しない場合は -1 を返し、存在しない場合は文字が存在するインデックスを返します。 (lastIndexOf は部分文字列の終わりの位置を返します)

ユーザー番号によって入力された電子メールアドレスに @ 記号が含まれているかどうかを確認するには、以下の例を作成します。

<DOCTYPE html>
<html>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
  <head>
    <title>js函数</title>
  </head>
  <script type="text/javascript">
     //让用户输入Email地址，检查输入是否包含@符号
     //使用prompt方法，获取用户输入的Email地址，检查是否包含@符号，使用indexof返回@符号的索引
     var userInput=prompt("Please enter your email address","Email");
     if(Number(userInput.indexOf("@"))==-1)
     {
      document.write("对不起，您输入的Email不合法");
     }
     else
     {
     document.write("恭喜您，您输入的Email通过验证");
     }
  </script>
  <body>
  </body>
</html>

substring() メソッドは、文字列の開始位置と終了位置のインデックスをパラメータとして使用して、別の文字列から文字列をインターセプトします。 2 番目のパラメーターを使用せずに、最初のインデックスから文字列の末尾までのすべての文字列を返すことができます。たとえば、3 文字目から 6 文字目までのすべての文字をインターセプトしたい場合は、次のように記述できます:

<DOCTYPE html>
<html>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
  <head>
    <title>js函数</title>
  </head>
  <script type="text/javascript">
    //从起始位置，到结束位置
    var myhello="Hello Javascript World";
    var newMyhello= myhello.substring(0);
    document.write(newMyhello+"<br/>");
    //从第三个字符到第六个字符
     var myhello="Hello Javascript World";
    var newMyhello= myhello.substring(2,5);
    document.write(newMyhello+"<br/>");
  </script>
  <body>
  </body>
</html>

以上がこの記事の全内容です。皆さんに気に入っていただければ幸いです。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：JQuery_jquery での DOM イベントバインディングの使用法の詳細な説明次の記事：JQuery_jquery での DOM イベントバインディングの使用法の詳細な説明

続きを見る

JavaScript_javascript スキルの文字列オブジェクト

関連記事