javaScript教程のJS常用文字列APIはまとめて整理します.

41345 ワード

js文字列とjs配列についてのいくつかの説明:
  • , length , , for /
  • , , ,
  • 1.文字列スティッチングconcat()、+、テンプレート文字列
    concat()関数:複数の文字列を新たな文字列につづり合わせて、新しいスティッチングの文字列文法を返します.
    var str = "dream-";
    var str1 = "starts";
    var str2 = "-with-lighting-matches";
    var newStr1 = str.concat();//             
    var newStr2 = str.concat(str1);// str str1    
    var newStr3 = str.concat(str1,str2); // str str1、str2    
    
    console.log(newStr1)//dream-
    console.log(newStr2);//dream-starts
    console.log(newStr3);//dream-starts-with-lighting-matches
    
    スティッチ文字列の使い方:var newStr=str+string 1+string 2++strigx
    var str = "dream-";
    var str1 = "starts";
    var str2 = "-with-lighting-matches";
    var newStr1 = str + str1;// str str1  
    var newStr2 = str + str1 + str2; // str str1、str2  
    
    console.log(newStr1);//dream-starts
    console.log(newStr2);//dream-starts-with-lighting-matches
    
    テンプレート文字列で文字列をスティッチングするES6 使用法:var newStr=${string1}${string2}...${stringx}
    //  :var newStr = `${string1}${string2}...${stringx}`
    var str = "dream";
    var str1 = "starts";
    var str2 = "with-lighting-matches";
    var newStr1 = `${
           str}-${
           str1}`;// str str1  
    var newStr2 = `${
           str}-${
           str1}-${
           str2}`; // str str1、str2  
    
    console.log(newStr1);//dream-starts
    console.log(newStr2);//dream-starts-with-lighting-matches
    
    2.文字列はsubstring()、substr()、slice()を選択します.
    substring()関数:2つの指定された索引間の文字列を選択し、2つのパラメータの場合は、ヘッダを含むものと最後を含まない原則に従い、新たに選択された文字列文法を返します.var newStr=str.substring([starti[endi]) :substring ,
    var str = "dream-starts-with-lighting-matches";
    var newStr1 = str.substring();//            
    var newStr2 = str.substring(5);//          ,     5         
    var newStr3 = str.substring(5,10); //    5   10     ,     10
    //           ,          
    var newStr4 = str.substring(10,5); //    5   10     ,     10
    console.log(newStr1)//dream-starts-with-lighting-matches
    console.log(newStr2);//-starts-with-lighting-matches
    console.log(newStr3);//-star
    console.log(newStr4);//-star
    
    substr()関数:指定された位置から長さを指定する文字列を選択して、新しい選択された文字列文法を返します.var newStr=str.substr([starti[,length])
    var str = "dream-starts-with-lighting-matches";
    var newStr1 = str.substr();//            
    var newStr2 = str.substr(5);//          ,       5       
    var newStr3 = str.substr(5,8);//     5    8   
    console.log(newStr1)//dream-starts-with-lighting-matches
    console.log(newStr2);//-starts-with-lighting-matches
    console.log(newStr3);//-starts-
    
    slice()関数:2つの指定された索引の間の文字列を選択し、2つのパラメータの場合は、ヘッダを含んで尾を含まない原則に従って、新しい選択された文字列文法を返します.var newStr=str.slice([starti[,endi])
    var str = "dream-starts-with-lighting-matches";
    var newStr1 = str.slice();//            
    var newStr2 = str.slice(5);//          ,     5         
    var newStr3 = str.slice(5,10); //    5   10     ,     10
    console.log(newStr1)//dream-starts-with-lighting-matches
    console.log(newStr2);//-starts-with-lighting-matches
    console.log(newStr3);//-star
    
    3.文字列検索indexOf()、lastIndexOf()、search()、match()、exec()
    indexOf()関数:最初から指定値を検索して、指定値の最初のインデックスを返します.戻り値が見つからないです.-1文法:var index=str.indexOf(search value[,froomindex])
    var str = "Good good good study, day day day up";
    var  index1 = str.indexOf('good');
    console.log(index1);//5
    var  index2 = str.indexOf('good',6);
    console.log(index2);//10
    var  index3 = str.indexOf('No');
    console.log(index3);//-1
    
    lastIndexOf()関数:文字列の後から指定値を前に検索し、指定値の最初のインデックスを返します.戻り値が見つからない-1文法:var index=str.lastIndexOf(search value[froomindex])
    var str = "Good good good study, day day day up";
    var  index1 = str.lastIndexOf('good');
    console.log(index1);//10
    var  index2 = str.lastIndexOf('good',6);
    console.log(index2);//5
    var  index3 = str.lastIndexOf('good',3);
    console.log(index3);//-1
    
    search()関数:指定値/正則マッチングの値を文字列の位置で検索し、見つけた最初のインデックスを返します.戻り値-1文法:var index=str.search(regexp/searchvalue)
    var str = "Good good good study, Day day day up";
    var  index1 = str.search('good');
    console.log(index1);//5
    var  index2 = str.search('No');
    console.log(index2);//-1
    
    var  index3 = str.search(/good/);
    console.log(index3);//5
    var  index3 = str.search(/good/i);//      ,      
    console.log(index3);//0
    
    match()関数:指定値/正規マッチングの要素を検索します. ( g ) , null、具体的には以下の通りです.
  • パラメータは、正則または正則ではないが、大域一致ではなく、1つの配列を返します.配列メンバーは以下の通りです.0番目の要素:一致テキストindex:最初にサブ文字列の位置inputにマッチします.元の文字列groups:現在は
  • をサポートしていません.
  • パラメータは正則グローバルマッチングであり、すべてのピップの値からなる行列
  • を返します.
    文法:var arr=str.match(regexp/search value)
    var str = "Good good good study";
    var  arr1 = str.match('good');
    console.log(arr1);//["good", index: 5, input: "Good good good study", groups: undefined]
    var  arr2= str.match('No');
    console.log(arr2);//null
    
    var  arr3= str.match(/good/);
    console.log(arr3);//["good", index: 5, input: "Good good good study", groups: undefined]
    var  arr4 = str.match(/good/g);//    ,     
    console.log(arr4);//["good", "good"]
    var  arr5 = str.match(/good/ig);//    ,      
    console.log(arr5);// ["Good", "good", "good"]
    var  arr6 = str.match(/No/ig);//    ,      
    console.log(arr6);// null
    
    exec()関数:正規マッチングの要素を検索し、 null, 、配列メンバーは以下の通りである.
  • 第0の要素:マッチテキスト
  • index:サブ文字列に初めてマッチする位置
  • input:元の文字列
  • groups:現在は
  • をサポートしていません. ( g ) 正則オブジェクトのlastIndex属性の値は、文字チェックの開始位置を制御するために使用され、大域一致でない場合、グローバルマッチングであれば、前回の文字列の末尾インデックスの次のビットとなる.
    文法:var arr=regexp.exec(str)
    付:正則で定義されている2つの方法
  • var regexp=/pattern/modifiers;
  • var regexp=new RegExp(pattern,modifiers)
  • modifiers説明:i:大文字と小文字を無視する.g:グローバルマッチ;m:複数行マッチして、検索する文字列が一方の行の場合は、mを使用して無意味
  • を使用します.
    var str = "Good good good study";
    var regexp1 = /good/
    var  arr1 = regexp1.exec(str);
    console.log(arr1);//["good", index: 5, input: "Good good good study", groups: undefined]
    
    //var regexp2 = /good/g
    var regexp2 = new RegExp(/good/,"g")
    var arr2 = []
    do {
         
      console.log(arr2)
      console.log(regexp2.lastIndex)
    } while ((arr2 = regexp2 .exec(str)) != null)  
    
    //do-while     3 ,      
    //   
    	//null
    	//0
    //   
    	//["good", index: 5, input: "Good good good study", groups: undefined]
    	//9
    //   
    	//["good", index: 10, input: "Good good good study", groups: undefined]
    	//14
    
    4.文字列置換replace()
    replace()関数:文字列にマッチする内容を新しい内容に置き換え、置換後の文字列文法を返します.var newStr=str.replace(regexp/substr,replace)
    var str = "Good good good study, day day day up";
    var newStr1 = str.replace('good','hard');//               
    var newStr2 = str.replace(/good/g,'hard');//          ,     
    var newStr3 = str.replace(/good/ig,'hard');//          ,      
    var newStr4 = str.replace(/\s+/g,'');//    
    
    console.log(newStr1)//Good hard good study, day day day up
    console.log(newStr2);//Good hard hard study, day day day up
    console.log(newStr3);//hard hard hard study, day day day up
    console.log(newStr4);//Goodgoodgoodstudy,daydaydayup
    
    
    5.文字列は配列split()に分割されます.
    SPlit()関数:指定されたセパレータに基づいて文字列を配列に分割し、分割文字列生成の配列文法を返します.var newArr=str.split(separator,howmany)
    var str1 = "dream-starts-with-lighting-matches";
    var newArr1 = str1.split('-');//      '-'     
    var newArr2 = str1.split('-', 3);//      '-'     ,     
    
    console.log(newArr1)//["dream", "starts", "with", "lighting", "matches"]
    console.log(newArr2);//["dream", "starts", "with"]
    
    //  ,split    join    
    var str1 = "dream-starts-with-lighting-matches";
    var newArr3 = str1.split('-');//      '-'     
    var str3 = newArr3.join('&')
    console.log(newArr1)//["dream", "starts", "with", "lighting", "matches"]
    console.log(str3)//dream&starts&with&lighting&matches
    
    
    6.文字列サイズの書き込み変換toLowerCase()、toUpperCase()
    torowerCase()関数:文字列の文字を小文字に変換し、変換後の文字列文法を返します.var newStr=str.toLowerCase()toUpperCase関数:文字列の文字をすべて大文字に変換し、変換後の文字列文法を返します.var newStr=str.topperCase()
    var str = "Good good study, Day day up";
    var newStr1 = str.toLowerCase();
    var newStr2 = str.toUpperCase();
    
    console.log(newStr1)//good good study, day day up
    console.log(newStr2);//GOOD GOOD STUDY, DAY DAY UP
    
    
    7.指定された位置の文字charAt()、文字符号化値charCodeAt()を取得する.
    charAt()関数:文字列で指定された位置/索引の文字を取得し、取得した文字文法を返します.var newChar=str.chart(index)
    charCodeAt()関数:文字列で指定された位置/索引の文字コードを取得し、取得した文字コード文法を返します.var newCharCode=str.charCodeAt(index)
    var str = "Good good study, Day day up";
    var char1 = str.charAt(0);
    var char2 = str.charAt(5);
    var charCode1 = str.charCodeAt(0);
    var charCode2 = str.charCodeAt(5);
    console.log(char1)//G
    console.log(char2);//g
    console.log(charCode1);//71   G ASCII 
    console.log(charCode2);//103   g ASCII