常用api

7054 ワード

  • ブラウザ内の位置
  • 
    
      
        alert('Hello, world');
      
    
    
     
     ...
    
    
    
    or
    
    
    
      
    
    
      ...
    
    
    
  • の は しなくてもいいです.
  •   if (2 > 1) {
        x = 1;
        y = 2;
        z = 3;
      }
    
  • はpythonと に4 インデント
  • を しています.
  • // 、/*......*/ コメント
  • と を に する
  • データ と
  • number
  • : は、 'または "で まれた のテキスト
  • です.
  • ブール
  •  true; //     true 
     false; //     false 
     2 > 1; //     true 
     2 >= 3; //     false 
    
  •           ==。JavaScript    ,        :
        ==  ,             ,    ,          ;
        ===  ,           ,         ,  false,    ,   。
      JavaScript      ,    ==  ,      ===  。
    
          NaN     Number          ,     :
    NaN === NaN; // false
         NaN      isNaN()  :
    isNaN(NaN); // true
    
    Js   null undefined,        null
    
  • var arr = [1, 2, 3.14, 'Hello', null, true];
    arr[0]; //      0   , 1
    arr[5]; //      5   , true
    arr[6]; //        ,  undefined
    
  • オブジェクト
  • JavaScript        -        ,  :
    var person = {
        name: 'Bob',
        age: 20,
        tags: ['js', 'web', 'mobile'],
        city: 'Beijing',
        hasCar: true,
        zipcode: null
    };
    
    JS           ,     .            
    
    person.name; // 'Bob'
    person.zipcode; // null
    
  • varによって
  • を らかにする
  • strictモード
  •   js    var        ,             ,     strict  ,    var  
    
      'use strict';
    
  •           
    , `` ` `;
  • テンプレート ( )
  • var name = '  ';
    var age = 20;
    var message = '  , ' + name + ',    ' + age + '  !';
    alert(message);
    
    var name = '  ';
    var age = 20;
    var message = `  , ${name},    ${age}  !`;
    alert(message);  
    
  • アクション
  • var s = 'Hello, world!';
    s.length; // 13
    
    var s = 'Hello, world!';
    s[0]; // 'H'
    s[6]; // ' '
    s[7]; // 'w'
    s[12]; // '!'
    s[13]; // undefined            ,     undefined
    
               
    var s = 'Test';
    s[0] = 'X';
    alert(s); // s   'Test'
    
    s.toUpperCase();
    s.toLowerCase(); 
    
    var s = 'hello, world'
    s.substring(0, 5); //    0   5(   5),  'hello'
    s.substring(7); //    7     ,  'world'
    
  • ==> length
    var arr = [1, 2, 3.14, 'Hello', null, true];
    arr.length; // 6
      length          
    var arr = [1, 2, 3];
    arr.length; // 3
    arr.length = 6;
    arr; // arr  [1, 2, 3, undefined, undefined, undefined]
    arr.length = 2;
    arr; // arr  [1, 2]
    
             
    var arr = ['A', 'B', 'C'];
    arr[1] = 99;
    arr; // arr    ['A', 99, 'C']
    
    var arr = [1, 2, 3];
    arr[5] = 'x';
    arr; // arr  [1, 2, 3, undefined, undefined, 'x']
    
    ==> indexOf
    var arr = [10, 20, '30', 'xyz'];
    arr.indexOf(10); //   10    0
    arr.indexOf(20); //   20    1
    arr.indexOf(30); //   30    ,  -1
    arr.indexOf('30'); //   '30'    2
    
    ==> slice   String  substring
    var arr = ['A', 'B', 'C', 'D', 'E', 'F', 'G'];
    arr.slice(0, 3); //    0  ,   3  ,      3: ['A', 'B', 'C']
    arr.slice(3); //    3     : ['D', 'E', 'F', 'G']
    
    ==> push pop          
    var arr = [1, 2];
    arr.push('A', 'B'); //   Array    : 4
    arr; // [1, 2, 'A', 'B']
    arr.pop(); // pop()  'B'
    arr; // [1, 2, 'A']
    arr.pop(); arr.pop(); arr.pop(); //   pop 3 
    arr; // []
    arr.pop(); //      pop    ,    undefined
    arr; // []
    
    ==> unshift shift          
    var arr = [1, 2];
    arr.unshift('A', 'B'); //   Array    : 4
    arr; // ['A', 'B', 1, 2]
    arr.shift(); // 'A'
    arr; // ['B', 1, 2]
    arr.shift(); arr.shift(); arr.shift(); //   shift 3 
    arr; // []
    arr.shift(); //      shift    ,    undefined
    arr; // []
    
    ==> sort
    var arr = ['B', 'C', 'A'];
    arr.sort();
    arr; // ['A', 'B', 'C']
    
    ==> reverse
    var arr = ['one', 'two', 'three'];
    arr.reverse(); 
    arr; // ['three', 'two', 'one']
    
    ==> splice
    var arr = ['Microsoft', 'Apple', 'Yahoo', 'AOL', 'Excite', 'Oracle'];
    //    2    3   ,         : 
    arr.splice(2, 3, 'Google', 'Facebook'); //         ['Yahoo', 'AOL', 'Excite']
    arr; // ['Microsoft', 'Apple', 'Google', 'Facebook', 'Oracle']
    //    ,   :
    arr.splice(2, 2); // ['Google', 'Facebook']
    arr; // ['Microsoft', 'Apple', 'Oracle']
    //    ,   :
    arr.splice(2, 0, 'Google', 'Facebook'); //   [],          
    arr; // ['Microsoft', 'Apple', 'Google', 'Facebook', 'Oracle']
    
    ==> concat
    var arr = ['A', 'B', 'C'];
    var added = arr.concat([1, 2, 3]);
    added; // ['A', 'B', 'C', 1, 2, 3]
    arr; // ['A', 'B', 'C']
       ,concat()         Array,         Array。
       ,concat()            Array,     Array  ,         Array :
    var arr = ['A', 'B', 'C'];
    arr.concat(1, 2, [3, 4]); // ['A', 'B', 'C', 1, 2, 3, 4]
    
    ==> join
    var arr = ['A', 'B', 'C', 1, 2, 3];
    arr.join('-'); // 'A-B-C-1-2-3'
    
  • オブジェクト
    var xiaoming = {
      name: '  ',
      birth: 1990,
      school: 'No.1 Middle School',
      height: 1.70,
      weight: 65,
      score: null
    };
           .      ,                  。           ,  ''   
    var xiaohong = {
      name: '  ',
      'middle-school': 'No.1 Middle School'
    };
    
    name     .name  ['name']    ,  middle-school   ['middle-school']   ,            ,   undefined     
    
              ,     delete     
         in           ,              true
     hasOwnProperty()              
    
  • var age = 3;
    if (age >= 18) {
        alert('adult');
    } else if (age >= 6) {
       alert('teenager');
    } else {
        alert('kid');
    }
    JavaScript null、undefined、0、NaN     ''  false,       true
    
  • サイクル
  • var x = 0;
    var i;
    for (i=1; i<=10000; i++) {
        x = x + i;
    }
    x; // 50005000
    
    var x = 0;
    for (;;) { //        
        if (x > 100) {
            break; //   if       
        }
        x ++;
    }
    
      for ... in   
    var o = {
        name: 'Jack',
        age: 20,
        city: 'Beijing'
    };
    for (var key in o) {
        console.log(key); // 'name', 'age', 'city'
    }
    
    var o = {
        name: 'Jack',
        age: 20,
        city: 'Beijing'
    };
    for (var key in o) {
        if (o.hasOwnProperty(key)) {
            console.log(key); // 'name', 'age', 'city'
        }
    }
       ,for ... in Array       String   Number
    
  • map&set
  • map   python     key          ,set       
    var m = new Map([['Michael', 95], ['Bob', 75], ['Tracy', 85]]);
    m.get('Michael'); // 95
    
    var m = new Map(); //  Map
    m.set('Adam', 67); //     key-value
    m.set('Bob', 59);
    m.has('Adam'); //     key 'Adam': true
    m.get('Adam'); // 67
    m.delete('Adam'); //   key 'Adam'
    m.get('Adam'); // undefined
    
    
  • iterable
  •        ,for ... of   for ... in      
    for ... in          ,               。  Array           ,                。
    
    var s = new Set(['A', 'B', 'C']);
    s.forEach(function (element, sameElement, set) {
        console.log(element);
    });
    
    var m = new Map([[1, 'x'], [2, 'y'], [3, 'z']]);
    m.forEach(function (value, key, map) {
        console.log(value);
    });
    
    var a = ['A', 'B', 'C'];
    a.forEach(function (element, index, array) {
        // element:         
        // index:       
        // array:   Array    
        console.log(element + ', index = ' + index);
    });