javascript學習1-變量和語句

javascript是單獨的語言，與JAVA完全不同。

    字符串：

    布爾：

    時間：

    數值：沒有強制類型限制，但在計算小數時，需要先*再/精確小數位

    數組(列表)：使用for讀取

    對象（字典）:鍵：值

字符串屬性和方法

constructor	對創建該對象的函數的引用
length	字符串的長度
prototype	允許您向對象添加屬性和方法
charAt()	返回在指定位置的字符。
charCodeAt()	返回在指定的位置的字符的 Unicode 編碼。
concat()	連接兩個或更多字符串，並返回新的字符串。
fromCharCode()	將 Unicode 編碼轉爲字符。
indexOf()	返回某個指定的字符串值在字符串中首次出現的位置。
includes()	查找字符串中是否包含指定的子字符串。
lastIndexOf()	從後向前搜索字符串，並從起始位置（0）開始計算返回字符串最後出現的位置。
match()	查找找到一個或多個正則表達式的匹配。
repeat()	複製字符串指定次數，並將它們連接在一起返回。
replace()	在字符串中查找匹配的子串， 並替換與正則表達式匹配的子串。
search()	查找與正則表達式相匹配的值。
slice()	提取字符串的片斷，並在新的字符串中返回被提取的部分。
split()	把字符串分割爲字符串數組。
startsWith()	查看字符串是否以指定的子字符串開頭。
substr()	從起始索引號提取字符串中指定數目的字符。
substring()	提取字符串中兩個指定的索引號之間的字符。
toLowerCase()	把字符串轉換爲小寫。
toUpperCase()	把字符串轉換爲大寫。
trim()	去除字符串兩邊的空白
toLocaleLowerCase()	根據本地主機的語言環境把字符串轉換爲小寫。
toLocaleUpperCase()	根據本地主機的語言環境把字符串轉換爲大寫。

時間對象的屬性和方法：

constructor	返回對創建此對象的 Date 函數的引用。
prototype	使您有能力向對象添加屬性和方法。
getDate()	從 Date 對象返回一個月中的某一天 (1 ~ 31)。
getDay()	從 Date 對象返回一週中的某一天 (0 ~ 6)。
getFullYear()	從 Date 對象以四位數字返回年份。
getHours()	返回 Date 對象的小時 (0 ~ 23)。
getMilliseconds()	返回 Date 對象的毫秒(0 ~ 999)。
getMinutes()	返回 Date 對象的分鐘 (0 ~ 59)。
getMonth()	從 Date 對象返回月份 (0 ~ 11)。
getSeconds()	返回 Date 對象的秒數 (0 ~ 59)。
getTime()	返回 1970 年 1 月 1 日至今的毫秒數。
getTimezoneOffset()	返回本地時間與格林威治標準時間 (GMT) 的分鐘差。
getUTCDate()	根據世界時從 Date 對象返回月中的一天 (1 ~ 31)。
getUTCDay()	根據世界時從 Date 對象返回週中的一天 (0 ~ 6)。
getUTCFullYear()	根據世界時從 Date 對象返回四位數的年份。
getUTCHours()	根據世界時返回 Date 對象的小時 (0 ~ 23)。
getUTCMilliseconds()	根據世界時返回 Date 對象的毫秒(0 ~ 999)。
getUTCMinutes()	根據世界時返回 Date 對象的分鐘 (0 ~ 59)。
getUTCMonth()	根據世界時從 Date 對象返回月份 (0 ~ 11)。
getUTCSeconds()	根據世界時返回 Date 對象的秒鐘 (0 ~ 59)。
parse()	返回1970年1月1日午夜到指定日期（字符串）的毫秒數。
setDate()	設置 Date 對象中月的某一天 (1 ~ 31)。
setFullYear()	設置 Date 對象中的年份（四位數字）。
setHours()	設置 Date 對象中的小時 (0 ~ 23)。
setMilliseconds()	設置 Date 對象中的毫秒 (0 ~ 999)。
setMinutes()	設置 Date 對象中的分鐘 (0 ~ 59)。
setMonth()	設置 Date 對象中月份 (0 ~ 11)。
setSeconds()	設置 Date 對象中的秒鐘 (0 ~ 59)。
setTime()	setTime() 方法以毫秒設置 Date 對象。
setUTCData()	根據世界時設置 Date 對象中月份的一天 (1 ~ 31)。
setUTCFullYear()	根據世界時設置 Date 對象中的年份（四位數字）。
setUTCHours()	根據世界時設置 Date 對象中的小時 (0 ~ 23)。
setUTCMilliseconds()	根據世界時設置 Date 對象中的毫秒 (0 ~ 999)。
setUTCMinutes()	根據世界時設置 Date 對象中的分鐘 (0 ~ 59)。
setUTCMonth()	根據世界時設置 Date 對象中的月份 (0 ~ 11)。
setUTCSeconds()	setUTCSeconds() 方法用於根據世界時 (UTC) 設置指定時間的秒字段。
toDateString()	把 Date 對象的日期部分轉換爲字符串。
toISOString()	使用 ISO 標準返回字符串的日期格式。
toJSON()	以 JSON 數據格式返回日期字符串。
toLocaleDateString()	根據本地時間格式，把 Date 對象的日期部分轉換爲字符串。
toLocaleTimeString()	根據本地時間格式，把 Date 對象的時間部分轉換爲字符串。
toLocaleString()	據本地時間格式，把 Date 對象轉換爲字符串。
toString()	把 Date 對象轉換爲字符串。
toTimeString()	把 Date 對象的時間部分轉換爲字符串。
toUTCString()	根據世界時，把 Date 對象轉換爲字符串。
UTC()	根據世界時返回 1970 年 1 月 1 日 到指定日期的毫秒數。
valueOf()	返回 Date 對象的原始值。
reduceRight()	將數組元素計算爲一個值（從右到左）。
reverse()	反轉數組的元素順序。
shift()	刪除並返回數組的第一個元素。
slice()	選取數組的的一部分，並返回一個新數組。
some()	檢測數組元素中是否有元素符合指定條件。
sort()	對數組的元素進行排序。
splice()	從數組中添加或刪除元素。
toString()	把數組轉換爲字符串，並返回結果。
unshift()	向數組的開頭添加一個或更多元素，並返回新的長度。
valueOf()	回數組對象的原始值。

列表屬性和方法

constructor	返回創建數組對象的原型函數。
length	設置或返回數組元素的個數。
prototype	允許你向數組對象添加屬性或方法。
concat()	連接兩個或更多的數組，並返回結果。
copyWithin()	從數組的指定位置拷貝元素到數組的另一個指定位置中。
entries()	返回數組的可迭代對象。
every()	檢測數值元素的每個元素是否都符合條件。
fill()	使用一個固定值來填充數組。
filter()	檢測數值元素，並返回符合條件所有元素的數組。
find()	返回符合傳入測試（函數）條件的數組元素。
findIndex()	返回符合傳入測試（函數）條件的數組元素索引。
forEach()	數組每個元素都執行一次回調函數。
from()	通過給定的對象中創建一個數組。
includes()	判斷一個數組是否包含一個指定的值。
indexOf()	搜索數組中的元素，並返回它所在的位置。
isArray()	判斷對象是否爲數組。
join()	把數組的所有元素放入一個字符串。
keys()	返回數組的可迭代對象，包含原始數組的鍵(key)。
lastIndexOf()	搜索數組中的元素，並返回它最後出現的位置。
map()	通過指定函數處理數組的每個元素，並返回處理後的數組。
pop()	刪除數組的最後一個元素並返回刪除的元素。
push()	向數組的末尾添加一個或更多元素，並返回新的長度。
reduce()	將數組元素計算爲一個值（從左到右）。

定義函數：

function funcname(arg1,arg2,...){

    代碼塊;
}

if語句：

if (條件){
    代碼塊;
}
//----------
if (條件2){
    代碼塊1;
}else if(條件2){
    代碼塊2;
}

... ...
else if(條件N){
    代碼塊N;
}

for語句：

    1、for in:遍歷數組/字典

for (變量 in 對象){
    代碼塊;
}

//--------------
    list=['a',2,3,4,5,6,7];
    for (var s in list){
     document.write(list[s]);
    }

    2、for 條件:可以使用break強制退出，也可使用continue退出本次循環

for ([條件變量];[表達式];[條件變量自增]){
    代碼塊;
}
//----------打印下標爲偶數
    list=['a',2,3,4,5,6,7];
    for (var i=0;i<list.length;i=i+2){
     document.write(list[i]);
    }
//for裏的參數全省略，就是死循環，可以用break參數退出；
    list=['a',2,3,4,5,6,7];
    var i=0;
    for (;;){
      document.write(list[i]);
      i=i+2;
      if (i>list.length){
        break;
      }
    }

while語句：

while(條件){
    代碼塊;
}
//----
while (list[n]){
  document.write(list[n]);
  n++;
}

do while語句：比while多循環一次

do{
    代碼塊;
}
while(條件);

Switch語句：選擇指定值執行

缺少break會從滿足條件運行，並運行後面所有分支，直到break或switch結束

case條件使用的是===判斷

switch(n)
{
    case 1:
        代碼塊1;
    case 2:
        代碼塊2;
    ……
    
    case n:
        代碼塊n;
    default:
        不滿足以上條件執行的代碼塊;
}
//---
    list=['a',2,3,4,5];
    var n=9;
    switch (n)
      {
        case 1:
          document.write(list[n]);
          break;
        case 2:
          document.write(list[n]);
          break;
        case 3:
          document.write(list[n]);
          break;
        case 4:
          document.write(list[n]);
          break;
        case 5:
          document.write(list[n]);
          break;
        default:
          document.write('超出列表');
          break;
      }

小練習：

document.body.scrollTop:設定網頁滾動條位置。

function gotop(){
  document.body.scrollTop=0;
}
//返回網頁頂部

setInterval('函數名',時間毫秒)：指定時間運行函數

function warm_box(){
    alert("hello word! hard work!")
}
setInterval("warm_box()",2000)

×××燈效果一（帶停頓）：

    function note(){
      var t = document.getElementById('ti');
      var s = t.innerHTML;
      var sl = s.split('');
      var c = sl.shift();
      sl.push(c);
      var ss=sl.join('')
 
      t.innerHTML=ss;
    }
    setInterval('note()',200);

×××燈效果二（不帶停頓）：獲取元素文本使用innerText

    function note(){
      var t = document.getElementById('ti');
      var s = t.innerText;
      var sl = s.split('');
      var c = sl.shift();
      sl.push(c);
      var ss=sl.join('')
 
      t.innerText=ss;
    }
    setInterval('note()',200);