JavaScript的基礎(chǔ)語法和數(shù)據(jù)類型詳解
引入JavaScript
1.內(nèi)部標(biāo)簽
<script>
alert("hello world");
</script>
2.外部引入
<script src="js/abc.js"></script>
基礎(chǔ)語法
定義變量
<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ù)類型
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 //無限大
字符串
'a' "abc"
正常時(shí)使用單引號(hào)或者雙引號(hào)包裹,注意轉(zhuǎn)義符號(hào)\
\' \n //換行 \t //空格 \u4e2d //unicode編碼 \x41 //ascii
多行字符串的編寫,使用反引號(hào)
var str = `haha
nihao
666`
模版字符串
let name='xay';
let words=`你好,${name}`;
字符串長度
word.length
字符串的特性,不可變

大小寫轉(zhuǎn)換
word.toUpperCase() word.toLowerCase()
substring()是字符串截取函數(shù)
substring(1) //從第一個(gè)字符串截取到最后一個(gè) substring(1,3) //[1,3)
布爾值
true false
邏輯運(yùn)算
&& //與 | //或 ! //非
比較運(yùn)算符
= == //類型不一樣,值一樣也是真 === //絕對(duì)等于,類型和值都必須一樣
NaN===NaN返回的是false,只能通過isNaN(NaN)來判斷
數(shù)組
<script>
var arr = [1,2,3,4,5,'hello']
</script>

取數(shù)組下標(biāo)時(shí),如果越界了,會(huì)輸出undefined
在給arr.length賦值后,數(shù)組長度也會(huì)發(fā)生變化,如果賦值過小,數(shù)組中的元素會(huì)丟失
indexOf可以通過元素獲得其下標(biāo)索引

slice() 可以截取數(shù)組的一部分,相當(dāng)于字符串中的substring

push() pop()分別是向尾部壓入和彈出元素

unshift() shift()分別是向頭部壓入和彈出元素

sort() 按照ascii排序
reverse() 反轉(zhuǎn)
concat() 拼接數(shù)組
join() 用指定符號(hào)將數(shù)組拼接起來

對(duì)象
js中{…}表示一個(gè)對(duì)象,鍵值對(duì)描述屬性xxxxx:xxxxx,多個(gè)屬性之間使用逗號(hào)隔開,最后一個(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'); //通過key獲得value
console.log(name)
類似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é)
本篇文章就到這里了,希望能夠給你帶來幫助,也希望您能夠多多關(guān)注腳本之家的更多內(nèi)容!
相關(guān)文章
教你用Uniapp實(shí)現(xiàn)微信小程序的GPS定位打卡
地圖組件用于展示地圖,而定位API只是獲取坐標(biāo),請(qǐng)勿混淆兩者,下面這篇文章主要給大家介紹了關(guān)于如何使用Uniapp實(shí)現(xiàn)微信小程序的GPS定位打卡的相關(guān)資料,需要的朋友可以參考下2022-11-11
簡單實(shí)現(xiàn)js選項(xiàng)卡切換效果
這篇文章主要為大家介紹了簡單實(shí)現(xiàn)js選項(xiàng)卡切換效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-02-02
微信小程序圖片上傳組件實(shí)現(xiàn)圖片拖拽排序
最近在寫小程序過程中遇到一個(gè)拖拽排序需求,上網(wǎng)一頓搜索未果,遂自行實(shí)現(xiàn),下面這篇文章主要給大家介紹了關(guān)于微信小程序圖片上傳組件實(shí)現(xiàn)圖片拖拽排序的相關(guān)資料,需要的朋友可以參考下2022-03-03
傾力總結(jié)40條常見的移動(dòng)端Web頁面問題解決方案
移動(dòng)端Web需要照顧觸摸操作的體驗(yàn),以及更多的屏幕旋轉(zhuǎn)與尺寸適配等問題,非常瑣碎,在這里為大家傾力總結(jié)40條常見的移動(dòng)端Web頁面問題解決方案,歡迎收看收藏!2016-05-05
微信小程序?qū)崿F(xiàn)導(dǎo)航功能的操作步驟
這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)導(dǎo)航功能的操作步驟,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03
JS實(shí)現(xiàn)給不同元素設(shè)置不同的定時(shí)器
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)給不同元素設(shè)置不同的定時(shí)器,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-07-07

