亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

JavaScript的基礎(chǔ)語法和數(shù)據(jù)類型詳解

 更新時間:2021年09月28日 16:39:49   作者:Lum1n0us  
這篇文章主要介紹了JavaScript的基礎(chǔ)語法和數(shù)據(jù)類型,保姆級的詳細教程,萬字長文詳細的列出了JavaScript的各種語法,建議收藏系列,希望可以有所幫助

引入JavaScript

1.內(nèi)部標簽

<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");在瀏覽器控制臺輸出

數(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"

正常時使用單引號或者雙引號包裹,注意轉(zhuǎn)義符號\

\'
\n   //換行
\t   //空格
\u4e2d   //unicode編碼
\x41    //ascii

多行字符串的編寫,使用反引號

var str = `haha
        nihao
        666`

模版字符串

let name='xay';
let words=`你好,${name}`;

字符串長度

word.length

字符串的特性,不可變

請?zhí)砑訄D片描述

大小寫轉(zhuǎn)換

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>

請?zhí)砑訄D片描述

取數(shù)組下標時,如果越界了,會輸出undefined

在給arr.length賦值后,數(shù)組長度也會發(fā)生變化,如果賦值過小,數(shù)組中的元素會丟失

indexOf可以通過元素獲得其下標索引

請?zhí)砑訄D片描述

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

請?zhí)砑訄D片描述

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

請?zhí)砑訄D片描述

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

請?zhí)砑訄D片描述

sort() 按照ascii排序

reverse() 反轉(zhuǎn)

concat() 拼接數(shù)組

join() 用指定符號將數(shù)組拼接起來

請?zhí)砑訄D片描述

對象

js中{…}表示一個對象,鍵值對描述屬性xxxxx:xxxxx,多個屬性之間使用逗號隔開,最后一個屬性不加逗號

var person = {
    name: 'xay',
    age: 18,
    tags: ['js','java','python']
}

對象賦值

請?zhí)砑訄D片描述

動態(tài)的刪減屬性delete person.name

請?zhí)砑訄D片描述

對象屬性的添加,直接賦值即可

請?zhí)砑訄D片描述

判斷屬性是否在對象中

請?zhí)砑訄D片描述

流程控制

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中的刪除

請?zhí)砑訄D片描述

Set

Set可以去重

var set=new Set([3,1,1,1,1]);

請?zhí)砑訄D片描述

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)文章

  • js中把JSON字符串轉(zhuǎn)換成JSON對象最好的方法

    js中把JSON字符串轉(zhuǎn)換成JSON對象最好的方法

    這篇文章主要介紹了js中把JSON字符串轉(zhuǎn)換為JSON對象最好的方法,需要的朋友可以參考下
    2014-03-03
  • Javascript計算二維數(shù)組重復(fù)值示例代碼

    Javascript計算二維數(shù)組重復(fù)值示例代碼

    這篇文章主要給大家介紹了利用Javascript計算二維數(shù)組重復(fù)值的方法,文中給出了詳細的示例代碼,相信對大家的學習或者工作能帶來一定的幫助,如果有疑問大家可以留言交流。
    2016-12-12
  • 基于JS實現(xiàn)仿百度百家主頁的輪播圖效果

    基于JS實現(xiàn)仿百度百家主頁的輪播圖效果

    本文給大家分享基于html和js實現(xiàn)的仿百度百家主頁的輪播圖效果,代碼簡單易懂,非常不錯,具有參考借鑒價值,需要的朋友參考下
    2017-03-03
  • JavaScript多線程的實現(xiàn)方法

    JavaScript多線程的實現(xiàn)方法

    以下內(nèi)容基于IE中GIF的onload事件的基礎(chǔ)上,故所有測試IE only
    2007-05-05
  • JavaScript程序設(shè)計之JS調(diào)試

    JavaScript程序設(shè)計之JS調(diào)試

    這篇文章主要介紹了JavaScript程序設(shè)計中的重要環(huán)節(jié):JS調(diào)試,本文通過一個加法器,介紹JS如何調(diào)試,感興趣的小伙伴們可以參考一下
    2015-12-12
  • VsCode插件整理(小結(jié))

    VsCode插件整理(小結(jié))

    這篇文章主要介紹了VsCode插件整理(小結(jié)),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-09-09
  • js實現(xiàn)二級聯(lián)動簡單實例

    js實現(xiàn)二級聯(lián)動簡單實例

    這篇文章主要為大家詳細介紹了js實現(xiàn)二級聯(lián)動簡單實例,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-01-01
  • 淺談javascript alert和confirm的美化

    淺談javascript alert和confirm的美化

    window對象的alert和confirm標準方法在不同瀏覽器的顯示效果不太相同,有個相同點是都不是很美觀。本文對此解決方法進行介紹:使用js和css分別仿照它們,提供另一套函數(shù),使在不同瀏覽器的有著相同的體驗效果。下面就跟小編一起來看下吧
    2016-12-12
  • JS如何為promise增加abort功能

    JS如何為promise增加abort功能

    這篇文章主要介紹了JS為promise增加abort功能,想了解JS異步的同學,可以參考下
    2021-04-04
  • js實現(xiàn)的奧運倒計時時鐘效果代碼

    js實現(xiàn)的奧運倒計時時鐘效果代碼

    這篇文章主要介紹了js實現(xiàn)的奧運倒計時時鐘效果代碼,可實現(xiàn)根據(jù)指定時間進行倒計時的實時顯示效果,非常簡單實用,需要的朋友可以參考下
    2015-12-12

最新評論