JavaScript基礎——基本データタイプと基本フロー制御

7587 ワード

JavaScript基礎1
  • JavaScriptベース1
  • 、基本データタイプ
  • 1.Number
  • .String
  • .Null
  • .Unidefined
  • .true or false
  • 、文字列の常用方法
  • 1.解析文字列数
  • .テキストのよくある動作API
  • 、配列
  • 1.配列定義
  • .配列動作
  • 、基本フロー制御
  • 1.ブランチ
  • .サイクル
  • 一、基本データタイプ
    1.Number
    2.String
    3.Null
    4.Unidefined
    5.true or false
    二、文字列の常用方法
    1.解析文字列数
  • parseInt:整数に解析された
  • parseFloat:小数
  • に解析する.
    var num_str = '4.5  ';
    parseInt(num_str);//  4
    parseFloat(num_str);//  4.5
    2.テキストのよくある操作API
  • 方法説明
  • 方法
    説明
    charAt(index)
    下付き文字列の指定文字を返します.
    indexOf(")
    指定された文字列の下付き文字を返します.
    substring()
    下付き文字列を切り取ります.パラメータとしての下付きと終了が入力されます.しかし、返された文字列には以下の文字が含まれていません.つまり「頭をくわえて尾をくわえない」ということです.
    replace()
    指定された文字または文字列を置換します.
    スプリット()
    指定された区切り記号に基づいて文字列を分割し、行列を返します.
  • var str = '        ';
    str.charAt(0);//  ' '。              ''。
    str.indexOf(' ');//  2。             -1。
    str.lastIndexOf()//               
    str.substring(2,6);//  '    '。  str.substring(6,2)       。
    str.replace('  ','  ');//  "        "。
    
    var new_str = '  ,  ,  ,  ';
    new_str.split(',');//  ["  ","  ","  ","  "]。
    new_str.split('/');//              。   ["  ,  ,  ,  "]
    三、行列
    1.配列定義
  • var array=[]
  • var array = ['a','b','c','d'];
    array.length;//  4
    array[1];//  'b'
    2.配列操作
  • 配列要素を挿入または上書きする
  • var array = ['a','b','c','d'];
    array[4] = '8';//array   ['a','b','c','d',8];
    array[3] = 2;//        3 "d"。array ['a','b','c',2,8]
    array[8] = 'test';//array ['a','b','c',2,8,empty x 3,'test'];
  • 配列要素を追加する
  • var array = ['a','b','c','d'];
    //       。
    array.push('d','e','f');//array  ["a", "b", "c", "d", "d", "e", "f"]
    //       。
    array.unshift(0,1,2);//array [0, 1, 2, "a", "b", "c", "d"]
  • 配列要素を削除する
  • var array = ['a','b','c','d'];
    //       
    array.pop();//array ['a','b','c'];
    //       
    array.shift();//array ['b','c'];
    //            
    delete array[1];//array ['b',empty];
    //             
    array.splice(1);//array ['b'];
  • 連結配列
  • var arr1 = ['a','b'];
    var arr2 = ['c','d'];
    var arr3 = arr1.concat(arr2);//arr3 ['a','b','c','d'];
    四、基本フロー制御
    1.分岐
  • if
  • /**
    *      
    */
    if() {
       //       
       } else {
       //       
       }
    /**
    *      
    */
    if() {}
    else if() { } 
    else {}
    
  • switch
  • switch() {
           case condition1 : statements1; break;
           case condition2 : statements2;break;
           default : statements3;break;
           }
    2.サイクル
  • while
  • while() {
          //        
          statements...
          }
    //      1-10
    var i = 0;
    while(i < 10) {
        i++;
        console.log(i);
    } 
  • for
  • for(var i = 0; i < 10; i++) {
        console.log(i);
    }
    //      
    //1.  i=0。2.      10,         i。  i 0。3.  i++,i 1。
    //         10,   , ++...  i<10 false  。