js = JavaScript

alert 語句 :alert的用途 : 彈出"警告框" ;

語法規則 :

　　1.JavaScript對換行 , 縮進 , 空格不敏感 . 備注 : 每一條語句末尾要加分號(;) ; 雖然分號不是必須加的,但是為了程序今后要壓縮 , 如果不加分號 , 壓縮之后程序不能運行 .

　　2.所有的符號都是英語的 . 比如 : 括號 , 引號 , 分號.

　　3.JavaScript的注釋 : //單行注釋 /* */多行注釋 .

JavaScript在網頁中輸出信息的寫法 .

　　彈出警告框 : alert(" ") ; 控制臺輸出 : console.log(" ") ; 用戶輸入 : prompt( ) 語句.

代碼如下 :

　　<script type="tex/JavaScript">

　　　　var a = prompt("今天是什么天氣");

　　　　console.log(a);

　　</script>

prompt()語句中,用戶不管輸入什么內容都是字符串.

alert和prompt的區別:

　　alert : 直接用 , 不需要變量 ;

　　prompt : 必須用一個變量來接收用戶輸入的值 ;

在JavaScript中 , 永遠都是var來定義變量 ;

變量的命名規范 : 只能有英語字母 , 數字 , 下劃線 , 美元符號($)構成 , 切不能以數字開頭 , 并且不能是JavaScript保留字.

變量里面能夠存儲數字 , 字符串等 , 變量會自動的根據存儲內容的類型不同 , 來決定自己的類型.

數值型number : 1, 2 ,3.......

　　typeof() 表示"獲取變量的類型" ;

字符串型 : string

ParseInt() 還具有以下特性 :

(1)帶有自動凈化的功能 : 只保留字符串最開頭的數字,后面的中文自動消失;

(2)帶有自動凈化的功能 : 取整 , 不會四舍五入.

NaN是number類型,但是不是數字.

number , Infinity(無限大) , 都是number類型;

string , boolean(布爾值) , null(空) , undefined(表示變量未定義)

數據類型轉換 :

1. 將數值類型轉換成字符串類型 :

隱式轉換 : var n1 = 123;

　　　　　var n2 = "123";

　　　　　var n3 = n1 + n2;

　　　　　console.log(typeof n3);

強制類型轉換 : string() , tostring()

var str1 = String(n1);

console.log(typeof str1);

var num = 234;

console.log(num.tostring);

2.將字符串類型轉換成數值類型;

var str1 = "789.123va";

var num = Number(str1);

console.log(num);

ParseInt()可以解析一個字符串并且返回一個整數;

console.log(ParseInt(str1));

console.log(ParseFloat(str1));

3.任何數據類型都可以轉換為boolean類型;

var b = null ;

//非0既真

console.log(Boolean(b)) ;

流程控制 :

1 . if , if - else , if - else , if - else

注意 :瀏覽器解析代碼的順序,是從上往下執行,從左往右執行;

2. 邏輯 與&& , 邏輯 或 ||

例 : if(sum>400&&math<90){

console.log("清華大學");

console.log("高考失利")

}

3.switch :

case表示一個條件滿足這個條件就會走進來,遇到break跳出,break終止循環.如果某個條件中不寫break,那么直到該程序遇到下一個break停止;

例 :

var a="better";

switch(a){

case "good" :

console.log("玩的好");

break

default :

console.log("很爛");

}

4. while循環

循環三步走 :

var i=1; 初始化循環變量

while(i<=9){判斷循環條件

console.log(i);

i += 1; 更新循環條件

}

5.do - while

不管有沒有滿足while中的條件do里面的代碼都會走一次;

var i=3; 初識化循環變量;

do{

console.log(i)

i ++ ; 更新循環條件

}while(i<10) 判斷循環條件

6. for 循環

for(var i = 1; i <=10; i ++){

console.log(i)

}

7.常用內置對象

數組Array

1.數組的創建方式

　　1,字面量方式創建 : var colors = ["red","green","yellow"];

　　2.使用構造函數的方式創建,使用new關鍵字對構造函數進行創建對象 : var color2 = new Array();

2.數組的賦值 :

var arr= [];

arr[0] = 123;

arr[1] = "哈哈";

3.1 數組的合并 concat()

var n1 = ["北京"];

var n2 = ["南京"];

var n3 = n1.concat(n2);

console.log(n3);

3.2 join()將數組中的元素使用指定的字符串連接起來,形成一個新字符串

var n1 = [98,99,90];

var n2 = n1.join("|");

console.log(n2); 結果是 : 98|99|90

3.3將數組轉換成字符串tostring() :

tostring()直接轉換為字符串,每個元素使用逗號隔開;

var n1=[98,99,90];

var str = n1.tostring();

console.log(str) ; 結果是 :98,99,90

3.4slice(start,end)返回數組的一段,左閉右開;

var arr = ["張三","李四","王五","趙六"];

var newarr=arr.slice(1,3);

console.log(newarr); ["李四","王五"]

3.5 pop移除數組的最后一個元素;

var arr=[1,2,3,4,5];

var str = arr.pop();

console.log(str);

3.6 push()向數組最后添加一個元素;

var arr=[1,2,3,4];

var str = arr.push(5);

console.log(arr);

3.7 reverse()翻轉數組;

var arr = [1,2,3,4];

arr.reverse();

console.log(arr);

3.8 sort對數組排序;

var names=["alex","xiao","tan","abs"];

name.sort();

console.log(names) ; 結果 : ["alex","abs","tan","xiao"]

3.9 判斷是否為數組 : isArray();

布爾類型值 = Array.isArray(被檢測的值);

4.字符串string;

4.1 ChartAt()返回指定索引的位置的字符;

var str = "Alex";

var Charset = str.CharAt(1);

console.log(Charset); 顯示l

4.2 concat 返回字符串值,表示兩個或多個字符串的拼接;

var str1 = "al";

var str2 = "ex";

console.log(str1.concat(str2)); 顯示:alex

4.3 replace(a,b)將字符串a替換成字符串b;

var a = "12345";

var b = a.replace("123","***");

console.log(b);

4.4 indexof()查找字符的下標,如果找到返回字符串的下標,找不到則返回-1 , 跟seach()方法用法一樣;

var str ="alex";

console.log(str.indexof("e")); 2

console.log(str.indexof("p")); -1

4.5 slice(start,end)左閉右開,分割字符串;

var str="alex";

console.log(str.slice(1,2)) 顯示 l

4.6 split("a",2)以字符串a分割字符串,并返回新的數組,如果第二個參數沒有寫,表示返回整個數組,如果定義了一個數,則返回數組的最大長度;

var str = "defachedfavc";

console.log(str.split("a")); 顯示["def","chedf","vc"]

4.7 substr(start,end)左閉右開;

var str = "defacheabc";

console.log(str.substr(0,3)); 顯示def

4.8 toLowerCase()轉小寫;

var str="xiAoMing";

console.log(str.toLowerCase()); 顯示xiaoming

4.9 toUpperCase()轉大寫;

var str = "xiaoming";

console.log(str.toUpperCase());

將number類型轉換成字符串類型;

var num = 132.323;

var numstr = num.toString();

console.log(typeof numstr);

var newnum = num.toFixed(2);

console.log(newnum); 打印的是字符串類型且小數保留兩位數;

5.Date日起對象

創建日期對象只有構造函數一種方式,使用new關鍵字;

創建一個data對象;

var mydate = new Date();

console.log(mydate().toLocalstring());返回本地時間

console.log(mydate().getDate()); 獲取一個月中的某一天;

Date()根據本地時間返回當天的日期和時間;

getMonth()返回指定日期對象月份(0-11);

getDay()返回星期中的第幾天;(0-6);

6.Math內置對象

常用內置對象

6.1Math.ceil()向上取整;"天花板函數"

var x = 1.2344;

var a = Math.ceil(x);表示大于等于x,并且與他最近的整數是多少

console.log(a); 顯示 2;

6.2Math.floor向下取整"地板函數";

var x = 1.2445;

var b = Math.floor(x);小于等于x,并且與它最近的整數是多少;

console.log(b); 顯示 1;

6.3 求兩個數的最大值和最小值;

console.log(math.max(2,5)) 顯示5

console.log(math.min(2,5)) 顯示 2

6.4 隨機數Math.random()

var ran= Math.random(); 默認取0-1之間的小數;

console.log(ran); (0,1)

如果想去100-500之間的數怎么辦?

var ran = 100+Math.random()*(大-小)

console.log(ran);

三元運算符

var s1 = 1<2 ?"真的" :"假的";

console.log(s1)

if(1<2){console.log("真的")}else{console.log("假的")};

總結

以上是生活随笔為你收集整理的js初识 js数据类型的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。