JS 의 기초 문법

116159 단어
JS 의 기초 문법 을 정리 하고 여기에 기록 하 세 요.
  1 
  2 <html>
  3     <head>
  4         <meta charset="utf-8">    
  5         <title>js     (ECMAScript)title>
  6 
  7         
  8         <script type="text/javascript">
  9             /*js      :Number(    )、String(     )、Boolean(    )、Null(   )、Undefined(   )、Object(  )*/
 10             //    
 11             var num;    
 12             num = 0;    //
 13             var num1,num2,num3;    
 14             num1=100,num2=200,num3=300;    //
 15             var num4=400,num5=400,num6=400;    //
 16             alert(num);    /*alert:  */
 17             console.log(num3.toString());    //        ,         null,    toString(),  String()
 18             console.log(Boolean(num));    //  false(  num=0),      Boolean  
 19             console.log(Boolean(num1));    //  true(  num1>0),      Boolean  
 20 
 21             //     
 22             var str="";
 23             var str1=""
 24             var str2="100";
 25             var str3="100.99";
 26             var str5="Hello World";
 27             var str6="  -  -  -  -  ";
 28             for(var i=0;i<str5.length;i++){    //     
 29                 console.log(str5[i]);
 30             }
 31             console.log(str);
 32             console.log(str+str1);    //     
 33             console.log(str.length);    //        
 34             console.log(str1.trim());    //          
 35             console.log(str5.toLocaleLowerCase());    //         
 36             console.log(str5.toLocaleUpperCase());    //         
 37             console.log(str6.split("-"));    //  “-”,     ,    (         )
 38             console.log(str5.slice(2,5));    //  llo,      2   ,     5    (     5     )
 39             console.log(str5.indexOf("l"));    //       ,     str5 ,l       
 40             console.log(str5.indexOf("l",2));    //             ,     str5 ,l       。      -1
 41             console.log(str5.lastIndexOf("l"));    //       ,     str5 ,l       
 42             console.log(Number(str2));    //  100, str2       ,  str2      ,   NaN
 43             console.log(parseInt(str3));    //  100, str3       ,     (     )
 44             console.log(parseFloat(str3));    //  100.99, str3      
 45 
 46             //    
 47             var bool=true;
 48             console.log(bool);
 49 
 50             //Undefined  
 51             var und;    //      ,     Undefined  
 52             console.log(und);    //  undefined
 53             console.log(und+10);    //     NaN,  und    ,   Undefined  ,Undefined          NaN
 54 
 55             //   
 56             var nul=document.getElementById("abcd");    //  body     abcd id,           
 57             console.log(nul);
 58             console.log(String(nul));    //         ,   String(),   toString()
 59 
 60             //      
 61             console.log(typeof(str));
 62             console.log(typeof(nul));    //          ,    Object  
 63 
 64             //      
 65             console.log(pre);    //     ,        ,    ,        。      undefined,         。           ,     。
 66             var preVar=""
 67 
 68 
 69 
 70             /*js     :     、     、     、     、     */
 71             //     :+ - * / %
 72             var num=100;
 73             var sum=num+100;
 74             console.log(sum);
 75 
 76             //     :+= -= *= /= %=
 77             var num1=100;
 78             num1+=200;
 79             console.log(num1);    //  300
 80 
 81             //     :> < >= <= == === != !==
 82             var num2="100";
 83             var num3=100;
 84             console.log(num2==num3);    //   true,  2    (  )   ,         true
 85             console.log(num2===num3);    //   false,  3    (   ) ,            ,    false
 86 
 87             //     :& || !
 88 
 89             //     :++ --
 90             var num4=100;
 91             num4++;
 92             console.log(num4);    //  101
 93 
 94 
 95 
 96             /*js    */
 97             //if-else
 98             var num1=200;
 99             var num2=100;
100             if(num1>num2){
101                 console.log(num1);
102             }else{
103                 console.log(num2);
104             }
105 
106             //if-else if-else
107             var money=13000;
108             if(money>=20000){
109                 console.log("     25%");
110             }else if(money>=15000){
111                 console.log("     20%");
112             }else if(money>=10000){
113                 console.log("     15%");
114             }else{
115                 console.log("    ");
116             }
117 
118             //     :var var1=expression1?expression2:expression3
119             var num1=100;
120             var result=(num1%7)==0?"   7  ":"   7  ";
121             console.log(result);
122 
123             //switch
124             var level="A";
125             switch(level){
126                 case "A":console.log("90~100");break;
127                 case "B":console.log("80~90");break;
128                 case "C":console.log("70~80");break;
129                 default:console.log("   ");
130             }
131 
132             //while    
133             var i=1;
134             while(i<=10){
135                 console.log(i);
136                 i++;
137             }
138 
139             //do while    
140             var i=1;
141             do{
142                 console.log(i);
143                 i++;
144             }while(i<=10);
145 
146             //for    
147             for(var i=1;i<=10;i++){
148                 console.log(i);
149             }
150 
151             //    continue break
152             //continue;    //      ,       
153             //break;    //    
154 
155 
156 
157             /*js    */
158             //        
159             var arr=new Array();    //       
160             var arr1=new Array(5);    //       5   
161             var arr2=new Array(10,20,30,40,50);    //       5   ,     
162             arr2[2]=300;    //         
163             console.log(arr);
164             console.log(arr1);
165             console.log(arr2);
166             console.log(arr2[1]);    //    arr2   2   
167 
168             //        
169             var arr3=[10,20,30,40];    //       4   ,     
170             var arr4=["h","e","l","l","o"];    //       5   ,     
171             console.log(arr3);
172 
173             //
174             for(var i=0;i<arr3.length;i++){
175                 console.log(arr3[i]);
176             }
177 
178             //
179             var str4="";    //     ="",  str4  Undefined  
180             for(var i=0;i<arr4.length;i++){
181                 var str4=str4+"-"+arr4[i];
182             }
183             console.log(str4);
184 
185             //            
186             var temp="";
187             for(var i=0;i<arr4.length/2;i++){    //      
188                 temp=arr4[i];
189                 arr4[i]=arr4[arr4.length-1-i];
190                 arr4[arr4.length-1-i]=temp;
191             }
192             console.log(arr4);
193 
194             //       
195             var max=arr3[0];
196             for(var i=1;i<arr3.length;i++){
197                 if(max<arr3[i]){
198                     max=arr3[i];
199                 }
200             }
201             console.log(max);
202 
203             //       
204             var arr5=[20,10,40,50,30];
205             for(var i=0;i<arr5.length-1;i++){    //        (5      4 )
206                 for(var k=0;k<arr5.length-1-i;k++){    //        (     4 :5-1-0)
207                     if(arr5[k]<arr5[k+1]){    //
208                         var temp="";
209                         temp=arr5[k];
210                         arr5[k]=arr5[k+1];
211                         arr5[k+1]=temp;
212                     }
213                 }
214             }
215             console.log(arr5);
216 
217             //     
218             console.log(arr3.length);    //       
219 
220 
221 
222             /*js    */
223             //    
224             //  
225             function getSum1(){
226                 var num1=10;
227                 var num2=20;
228                 var sum=num1+num2;
229                 console.log(sum);
230             }
231             //  
232             getSum1();
233 
234             //      
235             function getSum2(num1,num2){
236                 var sum=num1+num2;
237                 console.log(sum);
238             }
239             getSum2(40,50);
240 
241             //       
242             function getSum3(num1,num2){
243                 var sum=num1+num2;
244                 return sum;
245             }
246             var result=getSum3(50,50);
247             console.log(result);
248 
249             //    
250             var sayHi=function(){    //
251                 console.log("hello world!");
252             }
253             sayHi();    //      
254 
255             //          
256             function variable(){
257                 dog="  ";    //      var,        
258                 console.log(dog);
259             }
260             variable();
261 
262             //      
263             pre();    //     ,        ,      ,         
264             function pre(){
265                 console.log("");
266             }
267 
268             //     
269             function nums(){
270                 console.log(arguments[0]);    //       
271                 console.log(arguments.length);    //arguments.length,             
272             }
273             nums(10,20,30,40,50,60);    //  6
274 
275 
276 
277             /*js    */
278             //         
279             var person=new Object();
280             person.name="  ";    //       
281             person.sex=" ";
282             person.height="170";
283             person.sayHi=function(){    //       
284                 console.log("hello");
285             }
286             console.log(person.name);    //         
287             person.sayHi();    //       
288 
289             //
290             function persons(name,height){
291                 var pers=new Object();
292                 pers.name=name;
293                 pers.height=height;
294 
295                 pers.sayHello=function(){
296                     console.log(""+pers.name+""+this.height);    //        this   
297                 }
298                 return pers;
299             }
300             var per1=persons("  ",180);    //    persons  
301             per1.sayHello();
302 
303             //           
304             function human(name,height){
305                 this.name=name;
306                 this.height=height
307                 this.sayHello1=function(){
308                     console.log(""+this.name+""+this.height);
309                 }
310             }
311             var per2=new human("  ",170);    //    new   Object,  human
312             per2.sayHello1();
313 
314             //         
315             var obj={
316                 name:"  ",    //
317                 age:18,
318                 height:170,
319                 sayHello2:function(){
320                     console.log("  "+this.name+""+this.age+""+this.height);
321                 }
322             }
323             console.log(obj.name);    //  name   (   )
324             console.log(obj["name"]);    //  name   (   )
325             obj.sayHello2();    //  sayHello2  (   )
326             obj["sayHello2"]();    //  sayHello2  (   )
327 
328             //  json  
329             var jason={
330                 "name":"  ",
331                 "age":"18",
332                 "height":"183"
333             }
334             console.log(jason.name);    // 1     
335             console.log(jason["age"]);    // 2     
336             var key="height";
337             console.log(jason[key]);    // 3     
338 
339             //  json  
340             for(var key in jason){    //  json    ,     for(int i=0;i<...>
341                 console.log(key);
342                 console.log(jason[key]);
343             }
344 
345             //     
346             console.log(per2 instanceof(human));    //instanceof:per2    human ,    true/false
347 
348             //Math  :    ,    
349             Math.PI;    //  PI 
350             Math.abs(-11);    //11,     
351             Math.max(10,20,50,70);    //70,          
352             Math.min(10,20,50,70);    //10,          
353             Math.random();    //     
354             Math.sqrt();    //     
355 
356             //Date  
357             var dt=new Date();
358             console.log(dt);    //      
359             console.log(dt.getFullYear());    //   
360             console.log(dt.getMonth()+1);    //   :      0  ,     +1
361             console.log(dt.getDate());    //   
362             console.log(dt.getHours());    //    
363             console.log(dt.getMinutes());    //    
364             console.log(dt.getSeconds());    //   
365             console.log(dt.getDay());    //     ,0    
366             console.log(dt.toLocaleDateString());    //     
367             console.log(dt.toLocaleTimeString());    //     
368         script>
369     head>
370 
371     <body>
372         <div id="abc">div>
373         <input type="button" value="  " onclick="alert('hello world!')">input>    
374 
375         
376         
377         <script type="text/javascript" src="javascript.js">script>
378     body>
379 html>

 

좋은 웹페이지 즐겨찾기