JavaScript基礎学習-文字列方法

7707 ワード

Stringはカテゴリーとして、ObjectのvalueOf()、toLocalle String()とtoStering()を引き継ぎ、オブジェクトが表す基本文字列値を返します.
Stringタイプの各例には、文字列にいくつの文字が含まれているかを示すlength属性があります.
注意:文字列属性は編集できません.属性を変更しようとする行為はいずれもエラーとなります.
作成方法
字面量の作成方式(最も一般的)
    var str = 'hello world';
インスタンスの作成方法
     var str = new String('hello world')
文字列でのメソッド
コンストラクタの方法
from CharCode
指定されたUnicodeシーケンスを使って作成された文字列を返します.つまりUnicodeシーケンスに入力し、これに基づいて作成された文字列を返します.
文法:from CharCode(num 1,num 2,…)は、着信パラメータはすべて数字です.
  String.fromCharCode(65, 66, 67); // "ABC"
処理できる文字は全部2バイトです.4バイトの文字は処理できません.
from CodePoint(ES 6)
from CharCodeと同じく、4バイトの文字に対するサポートを拡張しました.
String.raw(ES 6)
テンプレート文字列の処理関数として使用して、スラッシュを返しても変換された文字列を返します.置換変数のテンプレート文字列に対応します.
文字列の属性
  • String.prototype.com nstructor指向コンストラクタ
  • String.prototype.lengthは文字列長
  • を表します.
    1.文字の方法
    文字列の特徴文字にアクセスするための二つの方法は、charAt()とcharCodeAt()です.一つのパラメータと一つの数字が受け入れられます.つまり0に基づく文字の位置です.
  • chartAt()メソッドは、与えられた位置の文字
  • を単文字列で返す.
         var str = 'hello world';
         console.log(str.chartAt(0));//'h'
    
  • chartCodeAt()メソッドは、所定の位置の文字の文字コード(ASCII)
  • を返します.
         var str = 'hello world';
         console.log(str.chartCodeAt(1));//'101'
    
  • はまた、四角い括弧と数字の索引を利用して文字列内の特定文字
  • にアクセスすることができる.
    var str = 'hello world';
         console.log(str[0]);//'h'
    
    2.文字列の操作方法
  • 1.co ncat()文字列スティッチングは、パラメータが複数あり、パラメータ順に並べ替えられます.元の文字列を変更しません.
  •     var str = 'hello';
         var res = str.concat(' world','hello');
        console.log(res);//hello worldhello
    
    この方法は一般的には使われません.ほとんどは+号を使って文字列をつなぎ合わせています.
  • .slice()とsubstring()は文字列を切り取るために用いられる.パラメータは1つまたは2つとすることができます.
  •     slice(n,m)/substring(n,m);//     n   m,    m。      ,         
    
    彼ら2人の違いは、入ってきたパラメータがマイナスの時とは違っています.slice()は入力された負の値を文字列の長さに加算します.substring()方法はすべての負のパラメータを0に変換します.
  • .substr()も文字列を切り取るために用いられる.ただし、パラメータは上記と異なり、二つのパラメータがあります.最初は索引の開始位置で、2番目は文字の個数を切り取ります.パラメータが負の場合は、負の最初のパラメータに文字列の長さを加え、負の2番目のパラメータを0に変換します.
  • 3.文字列の位置方法
    indexOf()とlastIndexOf()です.これらの2つの方法は、1つの文字列から与えられたサブ文字列を検索し、サブ文字列の位置を返します.二番目のパラメータは文字列のどの位置から検索を開始するかを表します.
    違いは、indexOf()メソッドは文字列の先頭から後にサブ文字列を検索し、lastIndexOf()メソッドは文字列の最後から前に検索します.
    4.trim()方法
    この方法は、先頭のスペースを削除する新しい文字列を返します.互換性がない
    5.文字列の大文字小文字変換方法
    toLowerCase、toLocareLowerCase、toUpperCase、toLocaree UpperCase.違いはlocaleを持っているのは特徴地域に対する実現です.ロカノールを持っている方が確実です.
    6.文字列のパターンマッチング方法
  • match()
  • は、文字列が正規表現を指定する規則をサポートしているかどうかをテストするために使用され、正規表現でないオブジェクトが入ってきても、暗黙的にnew RegExp(obj)を呼び出して正規表現に変換します.
  • パラメータ:1つまたは正規表現、または正規オブジェクトです.
  • の役割:条件に合致するすべての捕獲を1つの配列
  • に戻す.
  • 戻り値:条件に適合する配列
  • を返します.
         var str = 'hello world';
    var res = str.match(/he/);
    console.log(res);//[ 'he', index: 0, input: 'hello world' ]
    
    //                 
      var str = 'hello world';
    var res = str.match(/(o)/);
    console.log(res);//[ 'o', 'o', index: 4, input: 'hello world' ]
    //      
      var str = 'hello world';
    var res = str.match(/(o)/g);
    console.log(res);//[ 'o', 'o' ]
    
    配列の最初の項目は条件に合った文字列で、2番目の項目は文字列に現れた位置で、最後の項目は元の文字列です.グローバルでない場合には、小さいパケットの中のコンテンツが取り込まれ、最初から小さいグループがキャプチャするコンテンツがある.後の2つは依然として位置と元の文字列です.
    正則が大域的に捕獲された場合、match法の戻り値が変化し、条件に合致するすべての文字列の配列が返されます.しかし、小さいグループの内容はキャプチャできません.
  • search()
  • はグローバルマッチングに対応していません.
  • の役割:検索の役割は、文字列の最初のマッチする項目のインデックスを返します.ないと-1に戻ります.
  • パラメータ:唯一のパラメータ、または正規表現、または正規オブジェクトです.
  • は、値を返します.文字列の最初の一致項目のインデックスが見つかり、戻り値が見つかりません.
  • replace()
  • 作用:サブ文字列を置換します.該当する内容を置換文字列に変換します.
  • パラメータ:2つです.最初のパラメータは正規表現または文字列(正規表現に変換されない)です.第二のパラメータは、文字列または関数とすることができます.
  • は値を返します.置換された文字列を返します.
  • 最初のパラメータが文字列である場合は、最初の該当するサブ文字列にのみ置き換えられます.
    //             。         
    var str = 'hello world hello world';
    var res = str.replace('hello','HELLO');
    console.log(res);
    
    //             ,        。              
    var str = 'hello world hello world';
    var res = str.replace('hello',function () {
        console.log(arguments);//{ '0': 'hello', '1': 0, '2': 'hello world hello world' }
        return 'HELLO';
    
    });
    console.log(res);//HELLO world hello world
    
    最初のパラメータが正則であれば、大域でない場合も最初の適合のみを置換します.全体的には条件に合ったすべての文字が入れ替わります.
    //        。
      var str = 'hello world hello world';
    var res = str.replace(/hello/,function () {
        console.log(arguments);//{ '0': 'hello', '1': 0, '2': 'hello world hello world' }
        return 'HELLO';
    
    });
    console.log(res);  //HELLO world hello world
    //      
    var str = 'hello world hello world';
    var res = str.replace(/hello/g,function () {
        console.log(arguments);//{ '0': 'hello', '1': 0, '2': 'hello world hello world' }   { '0': 'hello', '1': 12, '2': 'hello world hello world' }
        return 'HELLO';
    
    });
    console.log(res);//HELLO world HELLO world
    
  • は、グローバルモードである.バック関数の実行回数は、元の文字列のどれぐらいが捕獲正則に該当するかによって異なります.argmentsが持ってきたのは行列です.小さいグループがキャプチャされていない場合は、3つの項目となります.1.大正則に該当する内容、2.対応するコンテンツのインデックス、3番目のオリジナルサブ文字列が見つかります.小さいグループがある時.小さいグループの内容は第二項から始まります.
  • return:現在の大正則で取り込まれたコンテンツを返す内容に置き換えるのに相当します.
  • スプリット();
  • の役割:文字列を転送された区切りに従って配列
  • に変換する.
  • パラメータ:文字列でも良いし、正則でもいいです.2番目のパラメータを渡すことができます.配列の長さを表します.
  • は、値を返します.区切り記号に基づく文字列の配列です.
  •   var str = 'hello world hello world hello world';
    var res = str.split(' ');
    console.log(res);//[ 'hello', 'world', 'hello', 'world', 'hello', 'world' ]
    //                 ,              。
    var str = 'hello world hello world hello world';
    var res = str.split('f');
    console.log(res);   //[ 'hello world hello world hello world' ]
    
    7.locale Compare()
  • 作用:2つの文字列を比較するためのもので、
  • パラメータ:str.localeCompare(str 1)
  • は、値を返します.
  • 文字列が文字列パラメータの前に並べば、負の数(-1)
  • を返します.
  • 文字列が文字列パラメータに等しい場合、0を返します.
  • 文字列がアルファベットに並ぶべき文字列パラメータの後に正数
  • を返します.
    8.from CharCode()方法
    Stringコンストラクタ上の静的方法です.役割は、1つ以上の文字コードを受け取り、文字列に変換することです.この方法はcharCodeAt()が実行するのとは逆の動作である.
    文字の大文字と小文字を変換します.
  • toLocareLowerCaseを小文字に変換する
  • toLocaleUpperCaseを大文字に変換する
  • toLowerCaseを小文字に変換する
  • toUpperCaseを大文字に変換する
  • trim()
    文字列の先頭の空白をクリアして返します.
    codePointAt(ES 6)
    UTF-16を使用して符号化された所定の位置の非負の整数を返します.
    includes(ES 6)
    文字列が他の文字列に属するかどうかを判断するために使用されます.trueを返す場合、逆にfalseを返します.
    文法:str.includes(subString[,position])
    subStringは検索する文字列を表し、positionは現在の文字列のどの位置から文字列を検索するかを表し、標準値は0です.
    ends With
    これは基本的にcontains()機能と同じで、異なるのは文字列が元の文字列の最後であるかどうかを判断するために使用されます.trueに戻るとfalseに戻ります.
    normalize(ES 6)
    元の文字列は指定されたUnicode形式で正規化されます.
    repeat(ES 6)
    元の文字を繰り返している新しい文字列を返します.
    starts With(ES 6)
    endsWithに似ています.現在の文字列は与えられた文字列で開始されますか?
    htmlに関する方法
    アンチョー
    アンカーラベルを作成します.
    文法:str.ancher(name)
    nameは、作成されたaタグのname属性を指定し、この方法を用いて作成されたアンカーポイントは、document.anchorrs配列の要素となります.
    var str = "this is a anchor tag";
    document.body.innerHTML = document.body.innerHTML + str.anchor("anchor1"); // body           this is a ancher
    
    link
    aラベルを作成
    文法:str.link
    urlは作成されたaラベルのhref属性を指定し、urlに特殊文字が含まれている場合は自動的に符号化されます.例えば、「"」に変換されます.この方法で作成したaタグは、document.links配列の要素になります.