### 11.8 JSの #の### 11.8.1 jsの方法を導入 `` `HTML <種類のスクリプト= " テキスト/ JavaScriptを" SRC = " JS / index.jsを" > </ SCRIPT> を有効にする任意の位置にあります ` `` #### 11.8.2文字型 インクリメント: `` `HTML の<script> のvar A = 4 ; VAR C = A ++ ; にconsole.log(A); 5。 にconsole.log(C); 4。 cは= ++を最初の値に割り当てられているため、//これはC ++である A VAR = 4 ; VARのC = ++ ; にconsole.log(A) 。5 console.log(C); 5。 // cは= ++ ++であることがあるためである反復値がCに割り当てられている </ srcipt> `` ` 文字列連結を` `` HTML の<script> 名前VAR = ' liujia '、年齢= 18であるが、 VaRのSRT = `$ {名前}これは$ {年齢}年ではold` にconsole.log(STR) </ SCRIPT>は ` `` 配列は、リストのpythonであります ` HTML ` <スクリプト> VAR ARR = [1、。' 2 '、' liujia ' ]; // varステートメントスカラー変数var宣言がグローバルスコープを強化する ために(I = 0;私はarr.lengthを<; I ++); console.log(ARR [I]); 関数fn(){ VARのA = 4 ; } </ SCRIPT> `` ` 一般的な方法アレイ ` HTML の<script> のvar NUM = 123 ; VARのARR = [ ' レッド' ' グリーン' ' イエロー' ]; はconsole.log(Array.isArray(ARR)); はconsole.log(arr.toString()); // 赤、緑、黄色 にconsole.log(num.toString() ); // デジタル文字列に変換さ はconsole.log(typeof演算num.toString()) //タイプをチェック console.log(arr.join(' #'))//のARRの要素#リンク はconsole.log(arr.push(' BULEは')); // 最新の長さの配列を返し にconsole.logを( )arr.pop(); //は、内容が削除返す にconsole.log(arr.unshit(' グレー'、' ブラック' //は;))にコンテンツを追加 はconsole.log(arr.shit(' liuji / A ')) ; // コンテンツ追加 var.splice(); // 配列は、置換、削除、追加する (var.sliceを 1)// アレイ分割 </スクリプト> `` ` IF スイッチ HTML `` ` <SCRIPT> のvarスコア = 100 ; IF(スコア> 80 ){ はconsole.log(' 缶チキン' ) } 他の IF(スコア<60 ){ sonsole.log(' 家庭学習に滞在' ) } 天気の天気VARプロンプト=(「今日の天気を入力してください」); スイッチ(気象天気){ ケース「晴れ」: はconsole.log(「出て行くとバスケットボールをプレイすることができます」); BREAK ; ケース' 雨' : はconsole.log(' オンライン行くことができる' ); BREAK ; デフォルト: はconsole.log(' 学習' ); BREAK ; } </ SCRIPT> `` ` 比較 ` `` HTML の<script> VAR A 2 = ; VAR B = ' 2 ' ; はconsole.log( ==のB); // trueに比較の値で はconsole.log( ===のB); // falseに比較値とデータ型れます </ SCRIPT> `` ` 循环 ` HTML の<script> VAR ARR = [8,9 ,, 0]。 用(VAR i = 0; I <arr.length; I ++ ) はconsole.log(ARR [I])。 するvar A = 1 ; 一方(<= 100 ){ にconsole.log(A)。+ = 1 } </ SCRIPT> `` ` 函数 ` HTML の<script> 関数fn(){ スイッチ(arguments.lengthを)。 ケース 2 : はconsole.log(' 两个参数' ); 休憩; デフォルト: BREAK ; } のFn( 2,3,4 ) </スクリプト> `` ` オブジェクト:` `` HTML の<script> // 1。リテラル作成する方法。 CARをOBJ = {}; obj.name = ' liujia ' ; obj.fav = 関数(){ sonsole.log(この); } obj.fav(); にconsole.log(obj.name); // 2 。コンストラクタ VAR OBJ2 = 新しい新しいオブジェクト(); にconsole.log (OBJ2); obj.name = ' liudanni" ; 機能の追加(X、Y){ にconsole.log(this.name)。 console.log(X)。 console.log(Y)。 } console.dir(追加)。 追加(); コール(OBJ、追加 1,2 ) // 3を像Pythonの中の的の类の。 クラス人{ コンストラクタ(名前、年齢){ this.name = 名; this.age = 年齢; } FAV(){ にconsole.log(this.name) } } VARのP =新しい人(' liujia '、18 ); p.fav(); </スクリプト> `` ` 日期对象: ` `` HTML の<script> のvar日 = 新しいDate(); console.log(日付); console.log(date.getDate())。 console.log(date.getMonth() +1 )。 console.log(date.getFullYear())。 consloe.log(date.getDay())。 console.log(date.getHours)。 console.log(date.getMinutes())。 console.log(date.getSeconds())。 console.log(date.toLocaleString())。 </ SCRIPT> ` 数字时钟案例 ` HTMLの <BODY> <H2 ID = " 時間" > </ H2> </ BODY> <スクリプト> } VAR timeObj =のdocument.getElementById(' 時間' ); sonsole.log(時間); 関数getNowTime(){ VAR時間 = 新しいDate(); VaRの時間 = time.getHours(); VAR分 = time.getMinutes(); VaRの第二 = time.getSeconds()。 VaRの温度 = "" +(?(時間> 12)時間-12 :時間)。 もし(時間== 0){ TEMP = " 12 " 。 TEMP + =((分<10)?" 0 ":" :")+ 分。 TEMP + =((第2の<10)?' 0 ':" :")+ 第二; 一時 + =((時間> = 12)?" PM ":" AM " ); timeObj.innerText = 温度; } のsetInterval(getNowTime、 20 ) </スクリプト> `` ` 数学对象 ` HTML の<script> VAR値 = [1,22,33,44,55,66、 8 ]。 VaRの最大値 = Math.max.apply(ヌル、valuse) にconsole.log(MAX); VAR A = 1.49999999999999 はconsole.log(Math.ceil(A)); // 天井関数 はconsole.log(Math.floor (A)); // フロア関数 はconsole.log(恐らくMath.round(A)); // 丸い はconsole.log(Math.random());ランダム </スクリプト> `` `