溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

javascript學(xué)習(xí)1-變量和語句

發(fā)布時(shí)間:2020-07-09 18:43:09 來源:網(wǎng)絡(luò) 閱讀:314 作者:等你的破船 欄目:web開發(fā)

javascript是單獨(dú)的語言,與JAVA完全不同。


? ? 字符串:

????布爾:

????時(shí)間:

????數(shù)值:沒有強(qiáng)制類型限制,但在計(jì)算小數(shù)時(shí),需要先*再/精確小數(shù)位

? ? 數(shù)組(列表):使用for讀取

????對(duì)象(字典):鍵:值

字符串屬性和方法

constructor對(duì)創(chuàng)建該對(duì)象的函數(shù)的引用
length字符串的長(zhǎng)度
prototype允許您向?qū)ο筇砑訉傩院头椒?/td>


charAt()返回在指定位置的字符。
charCodeAt()返回在指定的位置的字符的 Unicode 編碼。
concat()連接兩個(gè)或更多字符串,并返回新的字符串。
fromCharCode()將 Unicode 編碼轉(zhuǎn)為字符。
indexOf()返回某個(gè)指定的字符串值在字符串中首次出現(xiàn)的位置。
includes()查找字符串中是否包含指定的子字符串。
lastIndexOf()從后向前搜索字符串,并從起始位置(0)開始計(jì)算返回字符串最后出現(xiàn)的位置。
match()查找找到一個(gè)或多個(gè)正則表達(dá)式的匹配。
repeat()復(fù)制字符串指定次數(shù),并將它們連接在一起返回。
replace()在字符串中查找匹配的子串, 并替換與正則表達(dá)式匹配的子串。
search()查找與正則表達(dá)式相匹配的值。
slice()提取字符串的片斷,并在新的字符串中返回被提取的部分。
split()把字符串分割為字符串?dāng)?shù)組。
startsWith()查看字符串是否以指定的子字符串開頭。
substr()從起始索引號(hào)提取字符串中指定數(shù)目的字符。
substring()提取字符串中兩個(gè)指定的索引號(hào)之間的字符。
toLowerCase()把字符串轉(zhuǎn)換為小寫。
toUpperCase()把字符串轉(zhuǎn)換為大寫。
trim()去除字符串兩邊的空白
toLocaleLowerCase()根據(jù)本地主機(jī)的語言環(huán)境把字符串轉(zhuǎn)換為小寫。
toLocaleUpperCase()根據(jù)本地主機(jī)的語言環(huán)境把字符串轉(zhuǎn)換為大寫。



時(shí)間對(duì)象的屬性和方法:

constructor返回對(duì)創(chuàng)建此對(duì)象的 Date 函數(shù)的引用。
prototype使您有能力向?qū)ο筇砑訉傩院头椒ā?/td>


getDate()從 Date 對(duì)象返回一個(gè)月中的某一天 (1 ~ 31)。
getDay()從 Date 對(duì)象返回一周中的某一天 (0 ~ 6)。
getFullYear()從 Date 對(duì)象以四位數(shù)字返回年份。
getHours()返回 Date 對(duì)象的小時(shí) (0 ~ 23)。
getMilliseconds()返回 Date 對(duì)象的毫秒(0 ~ 999)。
getMinutes()返回 Date 對(duì)象的分鐘 (0 ~ 59)。
getMonth()從 Date 對(duì)象返回月份 (0 ~ 11)。
getSeconds()返回 Date 對(duì)象的秒數(shù) (0 ~ 59)。
getTime()返回 1970 年 1 月 1 日至今的毫秒數(shù)。
getTimezoneOffset()返回本地時(shí)間與格林威治標(biāo)準(zhǔn)時(shí)間 (GMT) 的分鐘差。
getUTCDate()根據(jù)世界時(shí)從 Date 對(duì)象返回月中的一天 (1 ~ 31)。
getUTCDay()根據(jù)世界時(shí)從 Date 對(duì)象返回周中的一天 (0 ~ 6)。
getUTCFullYear()根據(jù)世界時(shí)從 Date 對(duì)象返回四位數(shù)的年份。
getUTCHours()根據(jù)世界時(shí)返回 Date 對(duì)象的小時(shí) (0 ~ 23)。
getUTCMilliseconds()根據(jù)世界時(shí)返回 Date 對(duì)象的毫秒(0 ~ 999)。
getUTCMinutes()根據(jù)世界時(shí)返回 Date 對(duì)象的分鐘 (0 ~ 59)。
getUTCMonth()根據(jù)世界時(shí)從 Date 對(duì)象返回月份 (0 ~ 11)。
getUTCSeconds()根據(jù)世界時(shí)返回 Date 對(duì)象的秒鐘 (0 ~ 59)。
parse()返回1970年1月1日午夜到指定日期(字符串)的毫秒數(shù)。
setDate()設(shè)置 Date 對(duì)象中月的某一天 (1 ~ 31)。
setFullYear()設(shè)置 Date 對(duì)象中的年份(四位數(shù)字)。
setHours()設(shè)置 Date 對(duì)象中的小時(shí) (0 ~ 23)。
setMilliseconds()設(shè)置 Date 對(duì)象中的毫秒 (0 ~ 999)。
setMinutes()設(shè)置 Date 對(duì)象中的分鐘 (0 ~ 59)。
setMonth()設(shè)置 Date 對(duì)象中月份 (0 ~ 11)。
setSeconds()設(shè)置 Date 對(duì)象中的秒鐘 (0 ~ 59)。
setTime()setTime() 方法以毫秒設(shè)置 Date 對(duì)象。
setUTCData()根據(jù)世界時(shí)設(shè)置 Date 對(duì)象中月份的一天 (1 ~ 31)。
setUTCFullYear()根據(jù)世界時(shí)設(shè)置 Date 對(duì)象中的年份(四位數(shù)字)。
setUTCHours()根據(jù)世界時(shí)設(shè)置 Date 對(duì)象中的小時(shí) (0 ~ 23)。
setUTCMilliseconds()根據(jù)世界時(shí)設(shè)置 Date 對(duì)象中的毫秒 (0 ~ 999)。
setUTCMinutes()根據(jù)世界時(shí)設(shè)置 Date 對(duì)象中的分鐘 (0 ~ 59)。
setUTCMonth()根據(jù)世界時(shí)設(shè)置 Date 對(duì)象中的月份 (0 ~ 11)。
setUTCSeconds()setUTCSeconds() 方法用于根據(jù)世界時(shí) (UTC) 設(shè)置指定時(shí)間的秒字段。
toDateString()把 Date 對(duì)象的日期部分轉(zhuǎn)換為字符串。
toISOString()使用 ISO 標(biāo)準(zhǔn)返回字符串的日期格式。
toJSON()以 JSON 數(shù)據(jù)格式返回日期字符串。
toLocaleDateString()根據(jù)本地時(shí)間格式,把 Date 對(duì)象的日期部分轉(zhuǎn)換為字符串。
toLocaleTimeString()根據(jù)本地時(shí)間格式,把 Date 對(duì)象的時(shí)間部分轉(zhuǎn)換為字符串。
toLocaleString()據(jù)本地時(shí)間格式,把 Date 對(duì)象轉(zhuǎn)換為字符串。
toString()把 Date 對(duì)象轉(zhuǎn)換為字符串。
toTimeString()把 Date 對(duì)象的時(shí)間部分轉(zhuǎn)換為字符串。
toUTCString()根據(jù)世界時(shí),把 Date 對(duì)象轉(zhuǎn)換為字符串。
UTC()根據(jù)世界時(shí)返回 1970 年 1 月 1 日 到指定日期的毫秒數(shù)。
valueOf()返回 Date 對(duì)象的原始值。
reduceRight()將數(shù)組元素計(jì)算為一個(gè)值(從右到左)。
reverse()反轉(zhuǎn)數(shù)組的元素順序。
shift()刪除并返回?cái)?shù)組的第一個(gè)元素。
slice()選取數(shù)組的的一部分,并返回一個(gè)新數(shù)組。
some()檢測(cè)數(shù)組元素中是否有元素符合指定條件。
sort()對(duì)數(shù)組的元素進(jìn)行排序。
splice()從數(shù)組中添加或刪除元素。
toString()把數(shù)組轉(zhuǎn)換為字符串,并返回結(jié)果。
unshift()向數(shù)組的開頭添加一個(gè)或更多元素,并返回新的長(zhǎng)度。
valueOf()回?cái)?shù)組對(duì)象的原始值。


????var?d=new?Date();
????d.getTime();
????document.write(d);
????d.setDate(17);
????document.write(d);


列表屬性和方法

constructor返回創(chuàng)建數(shù)組對(duì)象的原型函數(shù)。
length設(shè)置或返回?cái)?shù)組元素的個(gè)數(shù)。
prototype允許你向數(shù)組對(duì)象添加屬性或方法。


concat()連接兩個(gè)或更多的數(shù)組,并返回結(jié)果。
copyWithin()從數(shù)組的指定位置拷貝元素到數(shù)組的另一個(gè)指定位置中。
entries()返回?cái)?shù)組的可迭代對(duì)象。
every()檢測(cè)數(shù)值元素的每個(gè)元素是否都符合條件。
fill()使用一個(gè)固定值來填充數(shù)組。
filter()檢測(cè)數(shù)值元素,并返回符合條件所有元素的數(shù)組。
find()返回符合傳入測(cè)試(函數(shù))條件的數(shù)組元素。
findIndex()返回符合傳入測(cè)試(函數(shù))條件的數(shù)組元素索引。
forEach()數(shù)組每個(gè)元素都執(zhí)行一次回調(diào)函數(shù)。
from()通過給定的對(duì)象中創(chuàng)建一個(gè)數(shù)組。
includes()判斷一個(gè)數(shù)組是否包含一個(gè)指定的值。
indexOf()搜索數(shù)組中的元素,并返回它所在的位置。
isArray()判斷對(duì)象是否為數(shù)組。
join()把數(shù)組的所有元素放入一個(gè)字符串。
keys()返回?cái)?shù)組的可迭代對(duì)象,包含原始數(shù)組的鍵(key)。
lastIndexOf()搜索數(shù)組中的元素,并返回它最后出現(xiàn)的位置。
map()通過指定函數(shù)處理數(shù)組的每個(gè)元素,并返回處理后的數(shù)組。
pop()刪除數(shù)組的最后一個(gè)元素并返回刪除的元素。
push()向數(shù)組的末尾添加一個(gè)或更多元素,并返回新的長(zhǎng)度。
reduce()將數(shù)組元素計(jì)算為一個(gè)值(從左到右)。


定義函數(shù):

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

????代碼塊;
}


if語句:

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

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

for語句:

????1、for in:遍歷數(shù)組/字典

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

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

????2、for 條件:可以使用break強(qiáng)制退出,也可使用continue退出本次循環(huán)

for?([條件變量];[表達(dá)式];[條件變量自增]){
????代碼塊;
}
//----------打印下標(biāo)為偶數(shù)
????list=['a',2,3,4,5,6,7];
????for?(var?i=0;i<list.length;i=i+2){
?????document.write(list[i]);
????}
//for里的參數(shù)全省略,就是死循環(huán),可以用break參數(shù)退出;
????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多循環(huán)一次

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


Switch語句:選擇指定值執(zhí)行

缺少break會(huì)從滿足條件運(yùn)行,并運(yùn)行后面所有分支,直到break或switch結(jié)束

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

switch(n)
{
????case?1:
????????代碼塊1;
????case?2:
????????代碼塊2;
????……
????
????case?n:
????????代碼塊n;
????default:
????????不滿足以上條件執(zhí)行的代碼塊;
}
//---
????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;
??????}




小練習(xí):

document.body.scrollTop:設(shè)定網(wǎng)頁滾動(dòng)條位置。

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

setInterval('函數(shù)名',時(shí)間毫秒):指定時(shí)間運(yùn)行函數(shù)

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);















向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI