JavaScript的基礎語法和數(shù)據(jù)類型詳解
更新時間：2021年09月28日 16:39:49 作者：Lum1n0us
這篇文章主要介紹了JavaScript的基礎語法和數(shù)據(jù)類型,保姆級的詳細教程，萬字長文詳細的列出了JavaScript的各種語法，建議收藏系列，希望可以有所幫助
引入JavaScript
1.內部標簽
<script>
alert("hello world");
</script>
2.外部引入
<script src="js/abc.js"></script>
基礎語法
定義變量
<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");在瀏覽器控制臺輸出
數(shù)據(jù)類型
number
js不區(qū)分整數(shù)和小數(shù)
123 //整數(shù)123 123.1 //浮點數(shù)123.1 1.122e3 //科學計數(shù)法 NaN //not a number Infinity //無限大
字符串
'a' "abc"
正常時使用單引號或者雙引號包裹，注意轉義符號\
\' \n //換行 \t //空格 \u4e2d //unicode編碼 \x41 //ascii
多行字符串的編寫，使用反引號
var str = `haha
nihao
666`
模版字符串
let name='xay';
let words=`你好，${name}`;
字符串長度
word.length
字符串的特性，不可變
大小寫轉換
word.toUpperCase() word.toLowerCase()
substring()是字符串截取函數(shù)
substring(1) //從第一個字符串截取到最后一個 substring(1,3) //[1,3)
布爾值
true false
邏輯運算
&& //與 | //或 ! //非
比較運算符
= == //類型不一樣，值一樣也是真 === //絕對等于，類型和值都必須一樣
NaN===NaN返回的是false，只能通過isNaN(NaN)來判斷
數(shù)組
<script>
var arr = [1,2,3,4,5,'hello']
</script>
取數(shù)組下標時，如果越界了，會輸出undefined
在給arr.length賦值后，數(shù)組長度也會發(fā)生變化，如果賦值過小，數(shù)組中的元素會丟失
indexOf可以通過元素獲得其下標索引
slice() 可以截取數(shù)組的一部分，相當于字符串中的substring
push() pop()分別是向尾部壓入和彈出元素
unshift() shift()分別是向頭部壓入和彈出元素
sort() 按照ascii排序
reverse() 反轉
concat() 拼接數(shù)組
join() 用指定符號將數(shù)組拼接起來
對象
js中{…}表示一個對象，鍵值對描述屬性xxxxx:xxxxx，多個屬性之間使用逗號隔開，最后一個屬性不加逗號
var person = {
name: 'xay',
age: 18,
tags: ['js','java','python']
}
對象賦值
動態(tài)的刪減屬性delete person.name
對象屬性的添加，直接賦值即可
判斷屬性是否在對象中
流程控制
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);
}
總結
本篇文章就到這里了，希望能夠給你帶來幫助，也希望您能夠多多關注腳本之家的更多內容！
相關文章
這篇文章主要介紹了js中把JSON字符串轉換為JSON對象最好的方法,需要的朋友可以參考下2014-03-03
這篇文章主要給大家介紹了利用Javascript計算二維數(shù)組重復值的方法，文中給出了詳細的示例代碼，相信對大家的學習或者工作能帶來一定的幫助，如果有疑問大家可以留言交流。2016-12-12
本文給大家分享基于html和js實現(xiàn)的仿百度百家主頁的輪播圖效果，代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友參考下2017-03-03
以下內容基于IE中GIF的onload事件的基礎上，故所有測試IE only2007-05-05
這篇文章主要介紹了JavaScript程序設計中的重要環(huán)節(jié)：JS調試，本文通過一個加法器，介紹JS如何調試，感興趣的小伙伴們可以參考一下2015-12-12
這篇文章主要介紹了VsCode插件整理（小結），小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
這篇文章主要為大家詳細介紹了js實現(xiàn)二級聯(lián)動簡單實例，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-01-01
window對象的alert和confirm標準方法在不同瀏覽器的顯示效果不太相同，有個相同點是都不是很美觀。本文對此解決方法進行介紹：使用js和css分別仿照它們，提供另一套函數(shù)，使在不同瀏覽器的有著相同的體驗效果。下面就跟小編一起來看下吧2016-12-12
這篇文章主要介紹了JS為promise增加abort功能，想了解JS異步的同學，可以參考下2021-04-04
這篇文章主要介紹了js實現(xiàn)的奧運倒計時時鐘效果代碼,可實現(xiàn)根據(jù)指定時間進行倒計時的實時顯示效果,非常簡單實用,需要的朋友可以參考下2015-12-12