전단 의 JS

10370 단어
전단 의 JS
js 도입
  1:
    
        // js  
        alert('         !!!')
    
  2:       xx.js  
    
    

주석
//       

/*
  
    
*/

끝 부호
    JavaScript        (;)    。           

선언 변수 var
var a = 10;
           
var a;  a   undefined  

js 동적 유형 언어
기본 데이터 형식
수치 유형 Number
var a = 10;
undefined
typeof a;
"number"
var b = 1.11;
undefined
typeof b;
"number"
        typeof a;

var c = 123e5;  // 12300000
var d = 123e-5;  // 0.00123

문자 형식 문자열
var a = 'alexdsb'
    a
        "alexdsb"
    typeof a;
        "string"
var a = "Hello"
var b = "world;
var c = a + b;   //     
console.log(c);  //   Helloworld

형식 변환
parseInt("123")  //   123
parseInt("ABC")  //   NaN,NaN             。              。
parseFloat("123.456")  //   123.456

  :
var a = 'a123';
var b = parseInt(a);

    b
        NaN
    typeof b;
        "number"
        
var b = '1.11';
parseFloat(b)
        1.11        

문자열 상용 방법
1  .length  ,       
  
    var a = 'hello';
    a.length; // 5
2  .trim()     
  
    var a = '  hello  ';
    a.trim(); //"hello"
3  .trimLeft()  .trimRight()
4  .charAt(n)      n     
5  .concat()       
      
        var a = 'hello';
        var b = 'world';
        a.concat(b)  //"helloworld"
6  .indexOf()         
      
        a
            "hello"
        a.indexOf('e')
        
        start  ,      
        a.indexOf('l',3)
        
             -1
            a.indexOf('e',3)  -1
7  .slice()   
    var a = 'hello';
    a.slice(2,4)       
8   .toLowerCase() #         
    .toUpperCase()  #     
      :
        var b = 'HH';
        b.toLowerCase();
        
9  .split      ,             
      
    var a = "hello"
    a.split('e') //(2) ["h", "llo"]
    a.split('e',1) //["h"]      
    

불 값
var a = true;
var b = false;

""(    )、0、null、undefined、NaN  false。

null 과 undefined
 null undefined
    null     ,                   ,  name=null;
    undefined               ,        undefined。              ,       undefined。
    null        ,undefined         ,      。

대상 유형 object
JavaScript           :   、  、  、  ...  ,JavaScript        。
           
    var a = new String('bb')

복잡 한 데이터 형식 또는 참조 데이터 형식
배열 배열
    :
var a = [11,22,33];
var b = new Array([22,33])
typeof a;  //object  

배열 상용 방법 과 속성
1     
    var a = [123, "ABC"]; 
    console.log(a[1]);  //   "ABC"

2 .length  a.length //2

3. .push()       
   .pop()    
      
        var a = [11,22,33]
        a.push('123'); //[11, 22, 33, "123"]
        a.pop();  //"123"
        a  --  [11, 22, 33]
4 .unshift(ele)      
.shift()    
    var a = [11,22,33]

    a  //(3) [11, 22, 33]
        a.unshift('aa');
    a
        (4) ["aa", 11, 22, 33]
    a.shift();
        "aa"
    a
        (3) [11, 22, 33]

5  .sort  
    var a = [11,4,84,73];

    a.sort()
        (4) [11, 4, 73, 84]
    function sortNumber(a,b){
        return a - b;
    }

    a.sort(sortNumber)
        (4) [4, 11, 73, 84]
    function sortNumber(a,b){
        return b - a
    }
    a.sort(sortNumber)
        (4) [84, 73, 11, 4]
        
      :
                     ,         ,                 ,         ,                      。             a   b,      :

        a    b,         a       b   ,        0   。
        a    b,    0。
        a    b,        0   。

6  .splice()        var a = [84, 73, 11, 4];  a.splice(1,2,'aa','bb','cc'); (            )
7.slice()   
8. .reverse   
9 join             
10 .concat(val, ...)       

사용자 정의 대상 {}
var a = {"name": "Alex", "age": 18};
var d = {'name':'chao',age:18};        
console.log(a.name);
console.log(a["age"]);
for         
var a = {"name": "Alex", "age": 18};
for (var i in a){
  console.log(i, a[i]);
}

연산 자
산수 연산 자
+ - * / % ++ --  
i++, i  1,i-- i  1   
i++    1      ,     ,     1;
++i,   1      ,   1,            

비교 연산 자
> >= < <= != == === !==   
==    (       )    
===               

논리 연산 자
&& || !  #and,or, (  )!null  true

할당 연산 자
= += -= *= /=  
#n += 1    n = n + 1

공정 제어
if -else if -else
var a = 10;
if (a > 5){
  console.log("a > 5");
}else if (a < 5) {
  console.log("a < 5");
}else {
  console.log("a = 5");
}

스위치 전환
var a = 10;
undefined
switch (a){    //switch (a++){}
    case 9:
        console.log('999');
    break;
    case 10:
        console.log('101010');
    break;
    case 11:
        console.log('111111');
    break;
}

  default  :

    var a = 20;

    switch (a){
        case 9:
            console.log('999');
        break;
        case 10:
            console.log('101010');
        break;
        case 11:
            console.log('111111');
        break;
        default :  //            , default
            console.log('    !!')

    }



문제.
var a = 10;

    switch (a){
        case 9:
            console.log('999');
        break;
        case 10:
            console.log('101010');
        // break;
        case 11:
            console.log('111111');
        break;
        default :
            console.log('    !!')

    }

for 순환
for (var i=0;i<10;i++) {  
  console.log(i);
}

    :
var l2 = ['aa','bb','dd','cc']
  1
for (var i in l2){  #i           python      
   console.log(i,l2[i]);    #l2[i]  
}
  2
for (var i=0;i

while 순환
var i = 0;
while (i < 10) {
  console.log(i);
  i++;
}

삼원 연산 자
var a = 1;
var b = 2;
var c = a > b ? a : b //  a>b      ,         c,          c   //python  :a = x if x>y else y

함수.
//       
function f1() {
  console.log("Hello world!");
}

//       
function f2(a, b) {
  console.log(arguments);  //    arguments  
  console.log(arguments.length);
  console.log(a, b);
}

//        
function sum(a, b){
  return a + b;  // js ,             ,  return a ,b;           ,         ,           return [a,b];
}
sum(1, 2);  //       sum(1,2,3,4,5)     ,     ,           ,sum(1),            ,        NAN

      
//       ,          ,         
var sum = function(a, b){  // es6 ,  var,     ,    es6 ,     let     ,        
  return a + b;  
}
sum(1, 2);

     
//       ,       ,          ,        
(function(a, b){
  return a + b;
})(1, 2);  //python       :ret=(lambda x,y:x+y)(10,20)   print(ret)

함수 의 전역 변수 와 국부 변수
    :

       JavaScript         (   var)     ,            (            )。        ,         。

        :

                    ,                。

          :

      JavaScript                 。

                     。

                    。

함수 의 역할 영역
           ,           ,       。

폐쇄 하 다
var city = "BeiJing";
function f(){
    var city = "ShangHai";
    function inner(){
        console.log(city);
    }
    return inner;
}
var ret = f();

대상 을 향 하 다
에 스 5 패키지 방식
function Person(name){
    this.name = name;
}
var p = new Person('taibai');
p.name
"taibai"

    
Person.prototype.sum = function(a,b){return a+b;}
ƒ (a,b){return a+b;}
p.sum(2,3);

날짜 대상
var d1 = new Date(); //      
console.log(d1.toLocaleString());  //            
//  2:        
var d2 = new Date("2004/3/20 11:12");
console.log(d2.toLocaleString());
var d3 = new Date("04/03/20 11:12");  # / / (    04/03/2020)
console.log(d3.toLocaleString());
//  3:      ,      
var d3 = new Date(5000);  
console.log(d3.toLocaleString());
console.log(d3.toUTCString());  
 
//  4:             
var d4 = new Date(2004,2,20,11,12,0,300);
console.log(d4.toLocaleString());  //        

데이트 대상 의 다른 방법
var d = new Date(); 
//getDate()                    
//getDay ()                      ,    (0-6),     0
//getMonth ()                  (0-11,0  1 ,    )
//getFullYear ()                  
//getHours ()                   
//getMinutes ()                 
//getSeconds ()                
//getMilliseconds ()            
//getTime ()                       ( 1970/1/1  ),   

json
var str1 = '{"name": "chao", "age": 18}';
var obj1 = {"name": "chao", "age": 18};
// JSON              
var obj = JSON.parse(str1); 
//      JSON        
var str = JSON.stringify(obj1);

RegExp 정규 대상
         
    var reg1 = new RegExp("^[a-zA-Z][a-zA-Z0-9_]{5,11}$");
    :
    var reg2 = /^[a-zA-Z][a-zA-Z0-9_]{5,11}$/;

test  .               
    var s = 'hello'
    reg1.test(s)      True,     false
    
       :
        reg1.test()        ,      "undefined"   
        reg1.test("undefined") 

기타 정규 방법
var s2 = "hello world";

s2.match(/o/g);         // ["o", "o"]                             ,/o/g    g         o,
s2.search(/h/g);        // 0                                        ,               ,   g    
s2.split(/o/g);         // ["hell", " w", "rld"]                 ,      ,     
s2.replace(/o/gi, "s");  // "hells wsrld"                          g        g        i      

var s1 = "name:Alex age:18";

s1.replace(/a/, "   ");      // "n   me:Alex age:18"
s1.replace(/a/g, "   ");     // "n   me:Alex    ge:18"          
s1.replace(/a/gi, "   ");    // "n   me:   lex    ge:18"        

 :
    var reg = /a/g;
    var s = 'alex a sb';
    reg.test(s); //true
    reg.lastIndex; // 1
    reg.test(s); //true
    reg.lastIndex; // 6
    reg.test(s); //false
    
    reg.lastIndex = 0;    ,    

수학 계산 모듈
Math.abs(x)             。
exp(x)         e    。
floor(x)              。
log(x)              (  e)。
max(x,y)       x   y      。
min(x,y)       x   y      。
pow(x,y)       x   y   。
random()       0 ~ 1       。
round(x)                 。
sin(x)            。
sqrt(x)            。
tan(x)            。

좋은 웹페이지 즐겨찾기