11(H 5*)js 1日目の基本データタイプ、変数
59039 ワード
目次
1: jsの紹介
2:jsコードを書くときの注意点
3:変数
4:変数の名前と役割
5:変数の種類
6:Numberタイプ
7:ストリングスタイプ
8:タイプ変換
9:操作記号
復習する
1:jsの紹介
2: jsコードを書くときの注意点
//jsコードの注意事項
/*
*
* 1.ペアのscriptのラベルに間違ったjsコードがあると、このエラーコードの後のjsコードは実行されません.
* 2.最初のペアのscriptタグにエラーがあったら、後のscriptタグの中のjsコードの実行に影響を与えません.
* 3.scriptのラベルにはどんな内容が書けますか? type=「text/javascript」は標準的な書き方です.またはlaguage=「JavaScript」を書いてもいいです.
* しかし、現在私達のhtmlページでは、typeとlangageは省略できます.これはh 5の基準に準拠しています.
*
* 4.scriptタグにはtypeとlaguageの書き方が同時に出現する可能性があります.
*
*
* 5.scriptタグはページに複数のペアが表示されます.
* 6.scriptタグは通常bodyのタグの最後に置くもので、ある時はheadタグの中にあります.現在の授業はbodyタグの後ろにあります.(bodyの中の最後)
*
* 7.scriptタグが外部のjsファイルを導入する役割であれば、このラベルには何のjsコードも書かないでください.書くなら、もう一対のscriptタグを書き直して、中にコードを書きます.
*
* */
3:変数
4:変数の名前と役割
5:変数の種類
6:Numberタイプ
7:ストリングスタイプ
8:タイプ変換
9:操作記号
1: jsの紹介
2:jsコードを書くときの注意点
3:変数
4:変数の名前と役割
5:変数の種類
6:Numberタイプ
7:ストリングスタイプ
8:タイプ変換
9:操作記号
復習する
<script>
/*
*
* :
* JavaScript JS
* JavaScript ?
* : ,
* :
* C# , , .net
* ---
* ---
* , var
* :C# ----->
* : int num=10; float num2=90.3;
*
* JS :
* 1. ECMAScript : js
* 2. DOM
* 3. BOM
*
* JS 10
*
* --- : ( , )
* :
* var ;
* var num;
*
* var = ;---->
* var str=" ";
* js
* js , ---
* js ;
* :
* js : number,string,boolean,undefined,null,object
* null undefined ,null ---
* NaN---- , ---> NaN
* isNaN()---> --- true, false
*
* number ---- number
* string ---- , : .length
* boolean --- ,true,false
* null---- ,null
* undefined---- ,undefined, ,
* object--- -----
*
* :
*
* parseInt()---->
* parseFloat()--->
* Number()----> -----
*
* .toString()
* String();
*
*
* Boolean()----> true false
*
* :----
* : + - * / %
* : += -= *= /= %=
* : =
* : ++ --
* : ? :
* : > < >= <= == === != !==
* : && || !
*
*
*
*
* 1&& 2
* false, false
* 1|| 2
* true, true
* ! ---
*
* :
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
* */
// , , - * ? ? ? webstorm ? ?
// var ch="a";
// var num=10;
// console.log(ch*num);
//
// console.log(num);
// // 1 true,0 false ?
// console.log(Boolean(1));//true
// console.log(Boolean(0));//false
// console.log(Boolean(11));//true
// console.log(Boolean(-10));//true
// console.log(Boolean(" "));//true
// console.log(Boolean(""));//false
// console.log(Boolean(null));//false
// console.log(Boolean(undefined));//false
script>
1:jsの紹介
<script>
/*
*
* JavaScript : :js
* js :
* 1. ECMAScript ----js
* 2. DOM------Document Object Model
* 3. BOM------Browser Object Model
*
*
* JavaScript ?
*
*
*
*
*
* : ,
* : ,
* :t-sql,cmd
*
* ----> ---> --->
* ----> ---> --->js
* js JavaScript, LiveScript
* js ?
* js ?
*
*
* HTML: ,
* CSS:
* JavaScript: ,
*
*
*
* */
script>
2: jsコードを書くときの注意点
//jsコードの注意事項
/*
*
* 1.ペアのscriptのラベルに間違ったjsコードがあると、このエラーコードの後のjsコードは実行されません.
* 2.最初のペアのscriptタグにエラーがあったら、後のscriptタグの中のjsコードの実行に影響を与えません.
* 3.scriptのラベルにはどんな内容が書けますか? type=「text/javascript」は標準的な書き方です.またはlaguage=「JavaScript」を書いてもいいです.
* しかし、現在私達のhtmlページでは、typeとlangageは省略できます.これはh 5の基準に準拠しています.
*
* 4.scriptタグにはtypeとlaguageの書き方が同時に出現する可能性があります.
*
*
* 5.scriptタグはページに複数のペアが表示されます.
* 6.scriptタグは通常bodyのタグの最後に置くもので、ある時はheadタグの中にあります.現在の授業はbodyタグの後ろにあります.(bodyの中の最後)
*
* 7.scriptタグが外部のjsファイルを導入する役割であれば、このラベルには何のjsコードも書かないでください.書くなら、もう一対のscriptタグを書き直して、中にコードを書きます.
*
* */
3:変数
<script>
/*
* :========>
*
* js ( , ---> )
* js var----> ,
* js
*
* 10
*
* var num=10;
*
* var name=' ';
*
* */
/*
*
* --- ,
*
* ( var , )
*
* ( var , )
*
* :
* var ;
*
* */
//var number;// , ,
//
//var x,y,z,k,j;// ,
// ( )
// = :
// 10
var number = 10;
// 5
var number2 = 5;
//
var name = " ";
// (true)
var flag = true;
// null--->
var nll = null;
//
var obj = new Object();
script>
4:変数の名前と役割
<script>
/*
*
*
* : ( , )
* :
* var ;
* :
* var = ;
*
*
* js var
* js ;( )
* js : var N=10; n
* js , ,
*
* --- ,
* 1. ,
* 2. : ,$ , , $ , ,
* 3.
* 4. , , , :
* 5. ( , )
* 6. ,
*
* var bigNumber=10;
*
*
*
*
*
*
* */
// --- ----
// num 100
//var num=100;
//
//alert(num);//
// ( :F12) console
// console.log(num);//
//
// var num1,num2,num3;//
// //
// num1=10;
// num2=20;
// num3=30;
//
//var num1=10,num2=20,num3=30;
// var num=10;
// var $break=10;
// var shuZi=10;
script>
5:変数の種類
undefined , :NaN ,
<script>
//
// var num=10;
//js ?
//js :number,string,boolean,null,undefined,object
/*
* number: ( )
* string: ( ) "34"
* boolean: ( ,true( 1),false( 0))
* null: , :null, , null
* undefined: , :undefined
* undefined
* , , undefined
* , , undefined
* undefined , :NaN ,
* object: ---->
*
* */
// var num;
// console.log(num+10);//NaN-----not an number---->
// var num;
// console.log(num);
// ? typeof
//typeof
/*
* !
* typeof
* typeof( )
*
*
*
* */
var num = 10;
var str = " ";
var flag = true;
var nll = null;
var undef;
var obj = new Object();
// typeof
console.log(typeof num);//number
console.log(typeof str);//string
console.log(typeof flag);//boolean
console.log(String(nll));// null
console.log(typeof nll);// null
console.log(typeof undef);//undefined
console.log(typeof obj);//object
console.log(typeof(num));
//
//
// console.log("10");
// console.log(10);
script>
6:Numberタイプ
<script>
//var num = 12;
/*
* :
*
* num=20;
* num=98.76; ( , --- , )
* number
* :
* :int
* :float
* :double
*
* : 8 , 8 ,
* : 2
*
* 00000001-----1
* 00000010-----2
* 00000011-----3
* 00000100-----4
* 00000101----5
* 00000110----6
* 00000111-----7
* 00001000-----8
* 00001001----9
* : 8
* 00000001
* 00000002
* 00000003
* 00000004
* 00000005
* 00000006
* 00000007
* 00000010-----8
* 00000011-----9
* 00000012-----10
* : 10
* 0
* 1
* 2
* 3
* 4
* 5
* 6
* 7
* 8
* 9
* 10
* : f
* 00000001
* 00000002
* 00000003
* 00000004
* 00000005
* 00000006
* 00000007
* 00000008
* 00000009
* 0000000a----10
* 0000000b---11
* 0000000c----12
* 0000000d---13
* 0000000e---14
* 0000000f---15
* 00000010---16
* 00000011---17
* 00000012---18
* 0f12a
*
* */
/*
*
*
* js
* var num=10;//
* var num2=012;//
* var num3=0x123;//
*
*
* */
// var num=12;//
// console.log(num);
// var num2=012;//
// console.log(num2);
// var num3=0x1a;//
// console.log(num3);
// var num=0x1f;
// console.log(num);
script>
<script>
// :
// console.log(Number.MAX_VALUE);//
// console.log(Number.MIN_VALUE);//
// .
// var x=0.1;
// var y=0.2;
// var sum=x+y;
// console.log(sum==0.3);
// NaN NaN
// var num;
// console.log(num+10==NaN);
// console.log(" "==" ");
// NaN, isNaN()
//var num;//----- , , :undefined
// -----> ? NaN--->
//console.log(isNaN(10));
// isNaN( )
//var str=" ";
// var num;
// var sum=num+10;//NaN
// console.log(sum);
// console.log(isNaN(sum));// true, false
script>
<script>
// :
/*
*
* :number
*
*
* NaN NaN, isNaN( )
* :
* : 0
* :0x
*
*
*
* */
script>
7:ストリングスタイプ
<script>
//var str="10";//
//var str2='20';//
// ,
// ? .length
// var str="what are you no sha lei";
// // ?
// console.log(str.length);
//
// var str1="fdshfjworwoijpfskj;akjfpojfiwnmoiwajdoiwajiwaewowj";
// console.log(str1.length);
//html : < < > > :
//js
//tab ----
// console.log(" \\ ");
// console.log(" \t ");
// console.log(" \" ");
//
//
// console.log(' \' ');
// : +
// , , ,
// , , - ,
// var str1=" ";
// var str2=" ";
// console.log(str1+str2);
//console.log(" "+" "+" ");
// var str1="10";
// var str2="20";
// console.log(str1+str2);
// var str1="10";
// var str2=20;
// console.log(str1+str2);
// var str1 = "10";
// var str2 = 5;
// // , :
// console.log(str1-str2);
// var str1="10";
// var str2=5;
// console.log(str1*str2);
script>
8:タイプ変換
<script>
//
// : :
//1.parseInt();//
// console.log(parseInt("10"));//10
// console.log(parseInt("10afrswfdsf"));//10
// console.log(parseInt("g10"));//NaN
// console.log(parseInt("1fds0"));//1
// console.log(parseInt("10.98"));//10
// console.log(parseInt("10.98fdsfd"));//10
//2.parseFloat()//
// console.log(parseFloat("10"));//10
// console.log(parseFloat("10afrswfdsf"));//10
// console.log(parseFloat("g10"));//NaN
// console.log(parseFloat("1fds0"));//1
// console.log(parseFloat("10.98"));//10.98
// console.log(parseFloat("10.98fdsfd"));//10.98
//3.Number();//
// console.log(Number("10"));//10
// console.log(Number("10afrswfdsf"));//NaN
// console.log(Number("g10"));//NaN
// console.log(Number("1fds0"));//NaN
// console.log(Number("10.98"));//10.98
// console.log(Number("10.98fdsfd"));//NaN
// : parseInt(), parseFloat()
// :Number();
//
//1 .toString()
// var num=10;
// console.log(num.toString());//
// //2 String();
//
// var num1=20;
// console.log(String(num1));
// .toString() .
// : 、 。。。 null。
// String()
// var num2;
// console.log(num2.toString());
// var num3=null;
// console.log(num3.toString());
//
// var num2;
// console.log(String(num2));
// var num3=null;
// console.log(String(num3));
//
//1 Boolean( );
//
// console.log(Boolean(1));//true
// console.log(Boolean(0));//false
// console.log(Boolean(11));//true
// console.log(Boolean(-10));//true
// console.log(Boolean(" "));//true
// console.log(Boolean(""));//false
// console.log(Boolean(null));//false
// console.log(Boolean(undefined));//false
// var str=10;
// console.log(+str);
script>
9:操作記号
<script>
/*
*
* : -----
*
* 1: : + - * / %
* 2: :
* 3: : ++ --
* 4: : ,
* 5: : ----- ,
* 6: : += -= *= /= %=
* 7: :
*
* var num=10;
* num+=10;------> :num=num+10;
* console.log(num);20
*
*
* 8: : > < >= <= == === != !==
* 9: :
*
* 10: :
* &&--- --
* ||--- ---
* !--- --- --
*
* 11: :
* 1&& 2
* false, false
* 1|| 2
* true, true
* ! 1
* 1 true, false
* 1 false, true
*
* 12: : =
*
*
*
*
* */
// var num1=10;
// var num2=20;
//
// console.log(num1==num2&&5>6);
// var num=20;
// console.log(num>10||5<0);
// var flag=false;
// console.log(!flag);
// var num=10;
// var sum=(num+10)*5;
// console.log(sum);
// var result = (4 >= 6 || ' ' != ' ' && !(12 * 2 == 144) && true);
// console.log(result);
//
// var num = 10;
//
// var result2 =( 5 == num / 2 && (2 + 2 * num).toString() === '22');
// console.log(result2);
// var num=20;
// var result=num/3;//num 3 --->10/3
// console.log(parseInt(result));
// var num=20;
// var result=num%3;//num 3 --->10/3
// console.log(result);
// var num=10;
// var sum=(num+10)+10;
// var num = 20;
// num %= 5;
// // num=num-5;
// console.log(num);
// var str="5";
// var num=5;
// console.log(str===num);
// console.log(5>10);//false
// console.log(5>=5);//true
// console.log(5>3);//true
// console.log(5==10);//false
// :
//
// var num=10;
//
// var flag=true;
//
// var str=" ";
//
// var y=10;
// var n=y;
script>