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>
。
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.