JavaScript的基礎(chǔ)語(yǔ)法和數(shù)據(jù)類(lèi)型詳解
引入JavaScript
1.內(nèi)部標(biāo)簽
<script> alert("hello world"); </script>
2.外部引入
<script src="js/abc.js"></script>
基礎(chǔ)語(yǔ)法
定義變量
<script> var num = 1; alert(num); </script>
條件控制
if (2>1) { alert("true"); }
<script> var score = 65; // alert(num); if (score>60&&score<70) { alert("60-70") } else if (score>70&&score<80) { alert(70-80) } else { alert("other") } </script>
console.log("hello world");
在瀏覽器控制臺(tái)輸出
數(shù)據(jù)類(lèi)型
number
js不區(qū)分整數(shù)和小數(shù)
123 //整數(shù)123 123.1 //浮點(diǎn)數(shù)123.1 1.122e3 //科學(xué)計(jì)數(shù)法 NaN //not a number Infinity //無(wú)限大
字符串
'a' "abc"
正常時(shí)使用單引號(hào)或者雙引號(hào)包裹,注意轉(zhuǎn)義符號(hào)\
\' \n //換行 \t //空格 \u4e2d //unicode編碼 \x41 //ascii
多行字符串的編寫(xiě),使用反引號(hào)
var str = `haha nihao 666`
模版字符串
let name='xay'; let words=`你好,${name}`;
字符串長(zhǎng)度
word.length
字符串的特性,不可變
大小寫(xiě)轉(zhuǎn)換
word.toUpperCase() word.toLowerCase()
substring()是字符串截取函數(shù)
substring(1) //從第一個(gè)字符串截取到最后一個(gè) substring(1,3) //[1,3)
布爾值
true false
邏輯運(yùn)算
&& //與 | //或 ! //非
比較運(yùn)算符
= == //類(lèi)型不一樣,值一樣也是真 === //絕對(duì)等于,類(lèi)型和值都必須一樣
NaN===NaN返回的是false,只能通過(guò)isNaN(NaN)來(lái)判斷
數(shù)組
<script> var arr = [1,2,3,4,5,'hello'] </script>
取數(shù)組下標(biāo)時(shí),如果越界了,會(huì)輸出undefined
在給arr.length賦值后,數(shù)組長(zhǎng)度也會(huì)發(fā)生變化,如果賦值過(guò)小,數(shù)組中的元素會(huì)丟失
indexOf
可以通過(guò)元素獲得其下標(biāo)索引
slice()
可以截取數(shù)組的一部分,相當(dāng)于字符串中的substring
push() pop()
分別是向尾部壓入和彈出元素
unshift() shift()
分別是向頭部壓入和彈出元素
sort()
按照ascii排序
reverse()
反轉(zhuǎn)
concat()
拼接數(shù)組
join()
用指定符號(hào)將數(shù)組拼接起來(lái)
對(duì)象
js中{…}表示一個(gè)對(duì)象,鍵值對(duì)描述屬性xxxxx:xxxxx,多個(gè)屬性之間使用逗號(hào)隔開(kāi),最后一個(gè)屬性不加逗號(hào)
var person = { name: 'xay', age: 18, tags: ['js','java','python'] }
對(duì)象賦值
動(dòng)態(tài)的刪減屬性delete person.name
對(duì)象屬性的添加,直接賦值即可
判斷屬性是否在對(duì)象中
流程控制
if判斷
if (2>1) { alert("true"); }
<script> var score = 65; // alert(num); if (score>60&&score<70) { alert("60-70") } else if (score>70&&score<80) { alert(70-80) } else { alert("other") } </script>
while循環(huán)
age=0; while (age<100) { age+=1; console.log(age); }
for循環(huán)
for (let i = 0; i < 5; i++) { console.log(i); }
for循環(huán)遍歷數(shù)組
var arr=[1,2,3,4,5,6,7,8,9,10]; for (var num in arr) { console.log(num) }
Map和Set
Map
var map=new Map([['tom',100],['jack',90],['haha',80]]); var name=map.get('tom'); //通過(guò)key獲得value console.log(name)
類(lèi)似python中的字典,set()向Map中添加數(shù)據(jù)
map.set('admin',10); map.delete('tom') //map中的刪除
Set
Set可以去重
var set=new Set([3,1,1,1,1]);
set.add(2) //添加 set.delete(1) //刪除 console.log(set.has(3)); //是否存在3
iterator
遍歷Map
var map=new Map([['tom',100],['jack',90],['haha',80]]); for (let x of map) { console.log(x); }
遍歷Set
var set=new Set([3,1,1,1,1]); for (let x of set) { console.log(x); }
總結(jié)
本篇文章就到這里了,希望能夠給你帶來(lái)幫助,也希望您能夠多多關(guān)注腳本之家的更多內(nèi)容!
相關(guān)文章
js中把JSON字符串轉(zhuǎn)換成JSON對(duì)象最好的方法
這篇文章主要介紹了js中把JSON字符串轉(zhuǎn)換為JSON對(duì)象最好的方法,需要的朋友可以參考下2014-03-03Javascript計(jì)算二維數(shù)組重復(fù)值示例代碼
這篇文章主要給大家介紹了利用Javascript計(jì)算二維數(shù)組重復(fù)值的方法,文中給出了詳細(xì)的示例代碼,相信對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助,如果有疑問(wèn)大家可以留言交流。2016-12-12基于JS實(shí)現(xiàn)仿百度百家主頁(yè)的輪播圖效果
本文給大家分享基于html和js實(shí)現(xiàn)的仿百度百家主頁(yè)的輪播圖效果,代碼簡(jiǎn)單易懂,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下2017-03-03JavaScript多線(xiàn)程的實(shí)現(xiàn)方法
以下內(nèi)容基于IE中GIF的onload事件的基礎(chǔ)上,故所有測(cè)試IE only2007-05-05JavaScript程序設(shè)計(jì)之JS調(diào)試
這篇文章主要介紹了JavaScript程序設(shè)計(jì)中的重要環(huán)節(jié):JS調(diào)試,本文通過(guò)一個(gè)加法器,介紹JS如何調(diào)試,感興趣的小伙伴們可以參考一下2015-12-12js實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)簡(jiǎn)單實(shí)例
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)簡(jiǎn)單實(shí)例,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-01-01js實(shí)現(xiàn)的奧運(yùn)倒計(jì)時(shí)時(shí)鐘效果代碼
這篇文章主要介紹了js實(shí)現(xiàn)的奧運(yùn)倒計(jì)時(shí)時(shí)鐘效果代碼,可實(shí)現(xiàn)根據(jù)指定時(shí)間進(jìn)行倒計(jì)時(shí)的實(shí)時(shí)顯示效果,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-12-12