先端復習のJavaScript(ECMAScript 5)
90971 ワード
ララララララ緑緑緑緑緑緑緑
<div>
//slice り り
<div>
<div>
var str="abcdefg"
<div>
<div>
var arr=str.slice(1,3)//bc
<div>
<div>
var arr 1=str.slice(-1)//g
<div>
<div>
consolone.log(arr)
<div>
<div>
consolone.log(arr 1)
<div>
<div>
//concat() ぎ わせ
<div>
<div>
var new 1=str.co ncat(arr)//abc defgbc
<div>
<div>
consolie.log(new 1)
<div>
<bragt;
<div>
var arr 2=[h',i',j',k',l',m',n']
<div>
<div>
//splice(starti,n) り り
<div>
<div>
var arr 3=arr 2.splice(1,3)
<div>
<div>
consolie.log(arr 2+「-」+arr 3)//h,l,m,n-i,j,k
<div>
<bragt;
<div>
//splice(starti,0, 1, 2…)を します.
<div>
<div>
var arr 4=[h',i',j',k',l',m',n']
<div>
<div>
arr 4.splice(1,0,1,2,3)
<div>
<div>
consolie.log(arr 4+「--」)/h,1,2,3,i,j,k,l,m,n----
<div>
<bragt;
<div>
//splice(starti,n, 1, 2…)を れ えます.
<div>
<div>
var arr 5=[h',i',j',k',l',m',n']
<div>
<div>
arr 5 splice(1,4,1,2,3)
<div>
<div>
consolone.log(arr 5)/(6) ［h］,1,2,3,「m」,「n」］
<div>
<div>
1 1.JavaScript：
2 ：HTML CSS js
3 HTML：
4 CSS：
5 js：
6 js： js
7 ECMAScript(ES)：ECMA JavaScript js
8 JavaScript：NetScape ES js
9 JScript：Microsoft ES……
10 DOM：
11 BOM：
12 js ：
13 1. ： ： js
14 1. ：
15 2. ：Node.js
16 2. ，
17 3. ：
18 ， ，
19 4. ：core1 1. script :
2 script ， js
3 : ——
4 2. js :
5 :
6 : script js js。 : js 1 var 1, 2,...;;
2 : var ， 。
3 : undefined
4 :
5 1. ， ，
6 2. : js
7 3.
8 4. : ，
9
10 : ，
11 :
12 : ， ！
13 : const = ;
14 : ，
15 :
16 : ， ，
17 ——
18 ES5 : ！ 1 1. :
2 number string boolean null undefined
3 2. :
4 : typeof x x
5 number ： 1 =8
6 ：n.toString(2) n （ 4 8 ）
7 ： （ ）-> n.toFixed(2)n 2
8 string ：c.charCodeAt(); C Unicode
9 boolean : : true/false
10 undefined: ， 。
11 null: 1 :
2 1. ，
3 2.
4 3. js ，
5 1. : ，
6 ， ，
7 2. : ，
8 1. :
9 1. Number(x): ， number 。
10 : bool
11 2. parseFloat(str): str ， 。
12 : * * 。
13 parseInt(str): str ， ， 。
14 : parseFloat/Int ， 。
15 ， ， 。
16 : Number(true) -> 1 parseInt(true) -> NaN "true"->NaN
17 : ， parseFloat
18 ， parseInt
19 Number(x)，
20 Number
21 : NaN（NaN: Not a Number）
22 NaN ， NaN
23 : : n.toString(2) 10->2
24 parseInt(str,2) 2->10
25 2. : 2 :
26 x.toString() ， null undefined
27 String(x) ， ——
28 : ， ， String(x)
29 3. bool: Boolean(x);
30 : 5 false: 0 "" null undefined NaN
31 true！ 1 1. : + - * / %
2 m%n: -->1. 2.
3 :
4 : number，
5 : + ， ， ，+
6 2. : ， （ 6 : > < >= <= == !=）
7 :
8 : ，
9 :
10 1. : ， unicode
11 2. null undefined:
12 : null vs undefined
13 ===: : ，
14 !==: , !=
15 : undefined ===， === ==
16 : === ==
17 3. NaN ， ，
18 isNaN(num)
19 num ， true
20 num ， false
21 3. :
22 : ，
23 &&: true,
24 false, ， false！
25 ||: true, , true
26 false,
27 4. :
28 1.
29 m<,n) ，
30 m>>n : m/Math.pow(2,n)
31 2. :
32 m^0
33 m|0
34 Math.floor(m)
35 3. : 3 :
36 1. var t=a; a=b; b=t; ！( )
37 2. a+=b; b=a-b; a-=b;
38 3. a^=b; b^=a; a^=b;
39 5. : +
40 a=a+b; a+=b
41 a=a-b; a-=b
42 a=a*b; a*=b
43 a=a/b; a/=b
44 a=a%b; a%=b 1 API: （ : ——
2 API—— ）
3 1. : 2 :
4 String(arr): ，
5 : ， —— ，
6 arr.join(“ ”): ， ，
7 :
8 : : words.join("")
9 : : chars.join() =>String(chars)
10 : chars.join("")
11
12 :
13 : arr.length==0 new Array(n)
14 : arr.join("")===””
15
16 2. :
17 * : ，
18 : var newArr=arr.concat( 1, 2,...,arr2,…)
19 :
20 1.concat ， 。
21 ，
22 2. ，
23 * : ，
24 : var subArr=arr.slice(starti,endi+1);
25 arr starti endi ， 。
26 : 1. ， , +1
27 2. ， ， 。
28 :
29 1. : arr.slice(starti)
30 2. : n
31 : arr.length-n : -n , , slice length-n
32 3. : arr.slice()
33
34 3. : ， ， —— splice
35 * : arr.splice(starti,n) arr ，starti n 。
36 , splice : ，
37 ， ，
38 : var deletes=arr.splice(starti,n);
39 : 1.
40 2.
41 : 1. ，
42 2.
43 * : arr.splice(starti,0, 1, 2,…)
44 starti ， 1, 2,…, starti
45 :
46 vs concat() :
47 1.Concat ，
48 Splice
49 2.Concat
50 Splice ,
51 3.Concat
52 Splice
53 * : arr.splice(starti,n, 1, 2,….) ，
54 : 1. ， ， 。
55
56 * : arr.reverse();<div>
//slice り り
<div>
<div>
var str="abcdefg"
<div>
<div>
var arr=str.slice(1,3)//bc
<div>
<div>
var arr 1=str.slice(-1)//g
<div>
<div>
consolone.log(arr)
<div>
<div>
consolone.log(arr 1)
<div>
<div>
//concat() ぎ わせ
<div>
<div>
var new 1=str.co ncat(arr)//abc defgbc
<div>
<div>
consolie.log(new 1)
<div>
<bragt;
<div>
var arr 2=[h',i',j',k',l',m',n']
<div>
<div>
//splice(starti,n) り り
<div>
<div>
var arr 3=arr 2.splice(1,3)
<div>
<div>
consolie.log(arr 2+「-」+arr 3)//h,l,m,n-i,j,k
<div>
<bragt;
<div>
//splice(starti,0, 1, 2…)を します.
<div>
<div>
var arr 4=[h',i',j',k',l',m',n']
<div>
<div>
arr 4.splice(1,0,1,2,3)
<div>
<div>
consolie.log(arr 4+「--」)/h,1,2,3,i,j,k,l,m,n----
<div>
<bragt;
<div>
//splice(starti,n, 1, 2…)を れ えます.
<div>
<div>
var arr 5=[h',i',j',k',l',m',n']
<div>
<div>
arr 5 splice(1,4,1,2,3)
<div>
<div>
consolone.log(arr 5)/(6) ［h］,1,2,3,「m」,「n」］
<div>
<div>
7.*** ：
1 : 3 : ， ，
2 :
3 API: arr.sort();
4 : ，
5 : 。 。
6 : :
7
8 : 2 : a,b
9 : a>b，
10 a<b,
11 a==b, 0
12 : return a-b
13 : ，
14 : function cmp(a,b){return a-b}
15 : sort
16 arr.sort(cmp)
17 : cmp ()， ， sort ， sort 。
18 :
19
20 : function cmp(a,b){return b-a}
8.*** :
1 Js 。 。
2 ， 。
3 :
4
5 (stack): ，
6 : FILO
7 :
8 :
9 : arr.push( )
10 : var last=arr.pop()
11 :
12 : arr.unshift( )
13 :
14 : var first=arr.shift();
15
16 (queue): ，
17 : FIFO
18 :
19 : : arr.push()
20 :var first= arr.shift()
9.*** :
1 : ，
2 : 2 :
3 ，
4 ， （ ）
5 :
6 : 2 :
7 ，
8 ，
9 : [r][c]
10 ， 。
11 : r c
12 : ，
13 for(var r=0;r){
14 for(var c=0;c){
15 arr[r][c] //
16 }
17 }
18 arr.index( ): arr “ ” ， i， -1
19 *******
20 1.Length ：
21 ： ，
22 .length ： ！=
23 ：
24 arr[arr.length-1]:
25 arr[arr.length]：
26 length ，
27 2. ：
28 ：
29 Var fbb=[];
30 Key value—>
31 fbb[“sname”]=” ”;
32 fbb[“shx”]=91;
33 ：fbb[“sname”]
34 length ！
35 (hash) ：
36 ： hash ， ，
37 ： ， ，
38 ：
39 For(var key in arr){
40 Key，
41 arr[key], ！
42 }
43
44 3. API
45 1.arr to String:
46 var str=arr.toString()? ，
47 var str=arr.join(“ ”)—>
48 ：1. ：arr.join(“”)
49 2. ：arr.join(“ “)
50 * ：
51 ： *
52 ： ，arr.join(“”)
53 ：Var arr=[“a”]; 54 arr[arr.length]=”b”; arr[arr.length]=”c”;
55 1 arr 2 str 1 arr 3 str
56 [“a”,”b”,”c”] arr.join(“”);
57 Var str=“a”; a
58 str+=”b”;//3 ab b
59 str+=”c”;//5 abc c
60 2. ：
61 Var newArr=arr.concat( 1， ， 2…)
62 Var subArr=arr.slice(starti[,endi+1]);
63 ， start
64 ，
65 3.arr.splice():
66 4.arr.reverse();
67 5.
68 Function compareNum(a,b){return a-b;}
69
70 Function compareStr(a,b){
71 if(a>b) { return 1; }
72 else if(a=b){return 0;}
73 else if(areturn -1}
74 }
75 Function compareStr(a,b){return a>b?1:a;}
76 Bubble(nums,compareNum);console.log(nums);
77 Bubble(emps,compareStr); console.log(emps);
1 ***
2 Js
3
4 sort arr.sort（ ）
5 ***String： ： ( )
6 ， API， ！
7 ：slice indexof
8 ：push sort splice
9 （javacsript）ES ，
10 11 ：String Number Boolean
11 /Array Date Math RegExp
12 /Error
13 /Function Object
14 /Globel( Window)
15
16 *** ： ，
17 3 ：String Number Boolean( new)
18 ，
19 :
20 1. , ，
21 。
22 2. ， API
23 3.
24 4. ，
25 : var n=345.678; n.toFixed(2)
26 //new Number(n).toFixed(2)
27 var char=” ”; char.charCodeAt()
28 //new String(char).charCodeAt()
10.****String API:
1 1. :
2 :
3 : ， ，
4 : str.toUpperCase()
5 str.toLowerCase()
6 2. : 3
7 2.str.charAt(i) => str[i]
8 1. str[i] ：str[str.length-2]
9 3. unicode : str.charCodeAt(i)
10 4. unicode : String.fromCharCode(unicode)
11 3. ：2 ：
12 1.Var i=str.indexOf(“kword”[,starti]);
13 2.Var i=str.lastIndexOf(“kword”[,starti]); starti
14 Starti 0
15
16 *** :
17 1.str.slice(starti,endi+1) eg: pid.slice(6,-5+1);
18 2.str.substring(starti,endi+1) slice，
19 eg: pid.substring(6,pid.length-5+1);
20 : str.substr(starti,n)
21
22 *** :
23 1. :
24 var i=str.indexOf(“ ”,fromi)
25 str fromi
26 fromi:
27 ，
28 : ，
29 ， -1
30 :
31
32 : indexOf
33
34 -1
35
36 :
37 var i=str.lastIndexOf(“ ”);
38 str “ ”
39 :
40 ，
41 :
42 2. ——
43 var i=str.search(/ /)
44 str
45 ， -1
46 1:
47 : / i， ignore
48 2: ,
49 3: ，
50 : match
51 3. :
52 var kwords=str.match(/ /ig);
53 str
54 :
55 ， null！
56 :
57 : / g, global
58 : ， ！
59 4. ， : ?
60
61 : ，
62 2 :
63 :
64 str=str.replace(/ /ig,” ”)
65 : ， ， API ，
66 : ， .
67 str=str.replace(/ /ig,function(kword){
68 kword //
69 return kword ，
70 })
71 : ””
72
73 : ，
74 :
75 var substrs=str.split(“ ”)
76 :
77 var substrs=str.split(/ /)
78 : : str.split(“”)
11.*** ：
1
2
3 :
4 1. ，
5 2. :
6 :
7 :
8 :[ ]
9 : 1. []
10 2. []
11 : ， - :
12 : [0-9]
13 [a-z]
14 [A-Z]
15 [A-Za-z]
16 [\u4e00-\u9fa5]
17 : xxx : [^xxx]
18 3. :
19 :
20 : 4 :
21 \d , [0-9]
22 \w , _, [A-Za-z0-9_]
23 \s : ，Tab，… …
24 . （ ）——
25 \D,\W,\s-? \d,\w \s--?
26 : ， 。
27 :
28 : :
29 4. : {min,max}
30 :
31 : 2 :
32 1. :3
33 {m,n} m ， n
34 {m,} m ，
35 {m} m
36 2. :3
37 ? ， {0.1}
38 * ， {0,}
39 + ， {1,}
40 :
41 5. :
42 : ()
43 :
44 :
45 : “ 1| 2” |
46
47
48 ： : 1,2,3 15 2
49 Xx ， 1
50 \d{15} (\d{2} [0-9Xx])?
51 ： : +86 0086 ，
52 (\+86|0086)?
53 ，
54 \s*
55 1
56 3,4,5,7,8
57 [34578]
58 9
59 \d{9}
60 (\+86|0086)? \s*1[34578] \d{9}
61 6. : 3
62 ^ ,
63 $ ,
64 :
65 : :
66 ^\s+
67 \s+$
68 ^\s+|\s+$
69 \b :
70 ^ $
71
12.**RegExp
1 : ， API
2 : 2 :
3 1.
4 2.
5 :
6 : 2 :
7 1. : var reg=/ /ig;
8 : ，
9 // js
10 : // : + / ， \+ \/
11 2. new: var reg=new RegExp(“
\t ”,”ig”);
12 : （ \ \\）
13 : \\ “ \\ \”
14 API: 2 :
15 1. : var bool=reg.test(str)
16 ：str reg （ ）
17 true， false
18 :（test ， 。
19 : ^ $
20 ^ xxxx,$ xxxx
21 ^ $
22
23 ：6-8 ， 、
24
25 (?)：1. ，
26 （?! [a-z0-9]*$）
27 2. ，
28 (?![a-zA-Z]*$)
29 ： —>
30 [a-zA-Z0-9]{6}
31 :（ ， :）
32 var arr=reg.exec(str)
33 str reg .
34 :
35 :
36 :arr:[0: , index: ]
37 : null
38 :
39 ！ null
40 ，
41
42 ： ：
43 1.var i=str.search(reg)?
44 ：
45 2.var arr=str.match(reg)? ，
46 ：
47 3.var i=str.indexOf(“kword”[,starti])? ，
48 ：
49 4.var arr=reg.exec(str)? ，
50 ：
51
52 ：
53 ：
54 ：.* .+
55 ：
56 --> ：(.*?)
57 ：2
58 1. ： （）
59 2. ， ：RegExp.$n-->n：
60 N () ， n 1
1 ***String API：4
2 2 ：str.search(reg);str.match(reg);
3 1 ：str.replace(reg);
4 1 ：
5 1. ***String API：
6 1. ：str.replace(reg," ")
7 ： replace
8 “ ， $n, RegExp.$n
9 2. ：var arr=str.split(reg);
10
11 2.*Math
12
13 1. ：3 ：
14 Math.ceil(n) Math.floor(n) Math.round(n)
15 ： round VS toFixed
16 Math Number
17 （ 0~20 ）
18
19 2. 、 ：
20 ：Math.pow(n,m): n m
21 ：Math.sqrt(n)： n
22 3. ：
23 getMax（a,b）
24 Math.max(a,b,c...) Math.min(a,b,c...)
25 *** ：
26 Math.max.apply(Math,arr)；--》Math.max(arr[0],...)
27 4. ：Math.random();0<=n<1
28 min max
29 parseInt(Math.random()*(max-min+1)+min)
30
31 3.*Date： ， API
32 Date ：
33 1.var now=new Date()；// ， * * 。--
34 2.var time=new Date（"xxxx/xx/xx [xx:xx:xx]"）
35 3.var time new Date（ ， -1， [， ， ， ]）
36 date.getTime()：
37
38 Date API
39 1. get set
40 getDay（） ， setDay
41 2. ： ， s， ， s
42 3. ： 1 31
43 0 1
44 ：
45 0 1 2 6
46 ：1 2 11 12
47 0 1 10 11
48 Date ：2
49 1. ，
50 2. ： get -》 -》 set * *
51 date.set(date.getXXX()+-n)
52
53 ： ：
54 var date1=new Date();
55 var date2=new Date(date1.getTime());
56 //new Date( )
57 date2.setXXX(date2.getXXX()+-n)
1.* /
1 what：
2 js ， error
3 6 ：
4 SyntaxError：
5 ReferenceError： ，
6 TypeError： ，
7 RangeErroe: ，
8 EVA Error： eval
9 URLError：URL
10 ： ，
11
12 ：tryCatch:
13 try{
14
15 }catch(err){//
16 // err Error
17 1. /
18 2.
19 }[finally{
20
21
22 }]
23 ： if…else tryCatch ，
24 try catch：
2.***Function
1 js
2
3
4
5 **************************************************************************
6
7 1.*arguments ：
8 ： ， ， ， ， 。
9
10 js ！ arguments
11 arguments ： ， 。
12 arguments[i]: i
13 arguments.length:
14
15 ，arguments
16
17 2.**** ：
18 1. ：3 ：
19 1. ：function （ ）{
20 ；
21 return }
22
23
24 2. ：var =function（ ）{
25 ；
26 return }
27 ，
28 !
29 3. new ：
30 var =new function（"a","b",...," "）；
31 2.*** ***
32 ： 2 ：
33 ：
34 ：
35 window
36 ： ：
37 ：
38
39 ：
40
41 3.*** ： ，
42 ：2 ：
43 1. ： ，
44 ： ！
45 ：（function（ ）{
46
47 }）（ ）；
48 2. ： ，
49
50 ：
51 ：
52 4.**** ：
53 ：
54 ：
55 ：
56
57 ， ， ---
58 ：3 ： 3 ：
59 1. ：
60 2. ，
61 3.
62 ，
63
64 ： ， ---> （ ， ）
65 3 ：
66 1.
67 2.
68 3. ，
69
70 ：
71 1. ，
72 2. ，
1 1. ：
2 。
3 ：
4 ： 。
5
6 ， （ ）
7 1.
8 3 ：
9 1.var obj={' 1': 1，' 2': 2，' ':function(){...}}
10 js ！ hash
11
12 ：2 ：obj. obj[" "]
13
14 （ ）： ， undefined ， ！js
15
16 ：3
17 1.obj.hasOwnProperty(" ")
18 ， true， false！
19
20 ： ， ：
21 ****this ： ， * *
22 （. ）
23 this window ，
1 2.****
2 ：
3 ： ，
4 ： ，
5 ： ， ，
6 ： ， ，
7 ： ， ，
8 ：3 ：
9 1.var obj={" ": ，
10 ……，
11 " ":function(){…this. …}
12 }
13 2.var obj=new Object();//
14 obj. = ；
15 obj. =function(){…this. …}
16
17 3. * * *
18 ：
19 2 ：
20 1.
21 function | （ 1，……）{
22 this. = 1；
23 ...
24 this. =function(){...this. ...}
25 }
26 2.
27 var obj=new | （ 1，...）;
28 new:1. ：new obj={ }；
29 2. ，
30
31 3. _proto_ prototype
32 4.
33
34 ：js ！
35 （prototype）：
36 ！
37 --- ， 。
38 ： API .prototype
39
40
41 ：2 ：
42 1. ： .prototype
43 2. ：
44 ：
45 1. ：obj.hasOwnProperty(" ")
46 2. ：" "in obj&&!obj.hasOwnProperty(" ")
47
48
49 ：delete .
50 * ，
51 ：3 ：
52 var n=1; | window.n=1 | window["n"]=1
53 delete delete delete
54
55 ： _proto_
56 ：
57 Object.getPropertyOf( )
58 ==> ._proto_
59
60
61 ： .isPrototypeOf( )
1 3. ， ， ：
2 ： ！
3 prototype，
4 _proto_，
5 constructor，
6
7 ： _proto_ -->* *
8
9 API：
10 1. ：
11 1. ：obj.hasOwnProperty(" ")；
12 2. ：2 ：
13 ：if(!(" "in obj))
14 if(obj. ==undefined)
15 if(!obj. )
16 3. ：
17 ！obj.hasOwnProperty(" ")
18 &&
19 obj.
20 2. ：
21 obj._proto_ X
22 onject.getPropertyOf(obj)
23 3.
24 .isPrototypeOf( )
1 *** ：4
2 1.Array.prototype.isPrototypeOf(obj);
3 2.obj instanceof Array
4
5 3.obj.constructor==Array
6 4. ， toString
7 Object.prototype.toString.call(obj)=="[object Array]"
8 .apply(obj)
9
10 ： ！
11 1. ： _proto_
12 3 ：
13 1. _proto_
14 Object.setPrototypeOf( ， )
15 2. ， 。
16 .prototype=
17 ：
18 3.var obj=Object.create( [,{ }])
19
20
21
22 2.
23 function （ 1， 2）{
24 this. 1= 1；
25 this. 2= 2；
26 }
27 function （ 1， 2， 3）{
28 .call(this, 1， 2)；
29 this. 3= 3；
30 }
31 var obj=new （ 1， 2， 3）{
32
33 }
:https://www.cnblogs.com/Dummer/p/11537944.html
・