最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

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

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

引入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

字符串的特性,不可變

請(qǐng)?zhí)砑訄D片描述

大小寫轉(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>

請(qǐng)?zhí)砑訄D片描述

取數(shù)組下標(biāo)時(shí),如果越界了,會(huì)輸出undefined

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

indexOf可以通過元素獲得其下標(biāo)索引

請(qǐng)?zhí)砑訄D片描述

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

請(qǐng)?zhí)砑訄D片描述

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

請(qǐng)?zhí)砑訄D片描述

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

請(qǐng)?zhí)砑訄D片描述

sort() 按照ascii排序

reverse() 反轉(zhuǎn)

concat() 拼接數(shù)組

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

請(qǐng)?zhí)砑訄D片描述

對(duì)象

js中{…}表示一個(gè)對(duì)象,鍵值對(duì)描述屬性xxxxx:xxxxx,多個(gè)屬性之間使用逗號(hào)隔開,最后一個(gè)屬性不加逗號(hào)

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

對(duì)象賦值

請(qǐng)?zhí)砑訄D片描述

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

請(qǐng)?zhí)砑訄D片描述

對(duì)象屬性的添加,直接賦值即可

請(qǐng)?zhí)砑訄D片描述

判斷屬性是否在對(duì)象中

請(qǐng)?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中的刪除

請(qǐng)?zhí)砑訄D片描述

Set

Set可以去重

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

請(qǐng)?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)文章

  • 教你用Uniapp實(shí)現(xiàn)微信小程序的GPS定位打卡

    教你用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)卡切換效果

    這篇文章主要為大家介紹了簡單實(shí)現(xiàn)js選項(xiàng)卡切換效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-02-02
  • js返回上一頁并刷新代碼整理

    js返回上一頁并刷新代碼整理

    返回上一頁并刷新在此功能有利于用戶的體驗(yàn),是每一個(gè)web開發(fā)人員所必備的一項(xiàng),長話短說,今天介紹實(shí)現(xiàn)此功能的一個(gè)方法,需要了解的朋友可以參考下
    2012-12-12
  • 微信小程序?qū)崿F(xiàn)軌跡回放的示例代碼

    微信小程序?qū)崿F(xiàn)軌跡回放的示例代碼

    這篇文章主要介紹了微信小程序?qū)崿F(xiàn)軌跡回放的示例代碼,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-12-12
  • 微信小程序圖片上傳組件實(shí)現(xiàn)圖片拖拽排序

    微信小程序圖片上傳組件實(shí)現(xiàn)圖片拖拽排序

    最近在寫小程序過程中遇到一個(gè)拖拽排序需求,上網(wǎng)一頓搜索未果,遂自行實(shí)現(xiàn),下面這篇文章主要給大家介紹了關(guān)于微信小程序圖片上傳組件實(shí)現(xiàn)圖片拖拽排序的相關(guān)資料,需要的朋友可以參考下
    2022-03-03
  • uniapp中使用vuex并持久化的方法示例

    uniapp中使用vuex并持久化的方法示例

    vuex是基于vuex.js的狀態(tài)管理工具,可以把它理解為一個(gè)倉庫,下面這篇文章主要給大家介紹了關(guān)于uniapp中如何使用vuex并持久化的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2023-06-06
  • 傾力總結(jié)40條常見的移動(dòng)端Web頁面問題解決方案

    傾力總結(jié)40條常見的移動(dòng)端Web頁面問題解決方案

    移動(dòng)端Web需要照顧觸摸操作的體驗(yàn),以及更多的屏幕旋轉(zhuǎn)與尺寸適配等問題,非常瑣碎,在這里為大家傾力總結(jié)40條常見的移動(dòng)端Web頁面問題解決方案,歡迎收看收藏!
    2016-05-05
  • js實(shí)現(xiàn)圖片左右滾動(dòng)效果

    js實(shí)現(xiàn)圖片左右滾動(dòng)效果

    本文主要介紹了js實(shí)現(xiàn)圖片左右滾動(dòng)效果的實(shí)例,具有很好的參考價(jià)值,下面跟著小編一起來看下吧
    2017-02-02
  • 微信小程序?qū)崿F(xiàn)導(dǎo)航功能的操作步驟

    微信小程序?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í)器

    JS實(shí)現(xiàn)給不同元素設(shè)置不同的定時(shí)器

    這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)給不同元素設(shè)置不同的定時(shí)器,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-07-07

最新評(píng)論

申扎县| 北票市| 盐池县| 综艺| 瓮安县| 灌南县| 龙门县| 寿阳县| 射洪县| 墨玉县| 鄄城县| 崇左市| 城固县| 迁安市| 龙岩市| 宜阳县| 罗江县| 平昌县| 美姑县| 普兰县| 奇台县| 察隅县| 宝鸡市| 江华| 时尚| 银川市| 彩票| 米泉市| 绵阳市| 桂平市| 分宜县| 桦南县| 赤城县| 明星| 丘北县| 洪江市| 浦东新区| 日照市| 沁源县| 新龙县| 浮梁县|