JavaScript中基礎語法和數據類型的示例分析

這篇文章主要介紹了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");在瀏覽器控制臺輸出

數據類型

number

js不區分整數和小數

123  //整數123
123.1   //浮點數123.1
1.122e3   //科學計數法
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()是字符串截取函數

substring(1)  //從第一個字符串截取到最后一個
substring(1,3)  //[1,3)

布爾值

true false

邏輯運算

&& //與
|  //或
!  //非

比較運算符

=
==  //類型不一樣，值一樣也是真
===  //絕對等于，類型和值都必須一樣

NaN===NaN返回的是false，只能通過isNaN(NaN)來判斷

數組

<script>
    var arr = [1,2,3,4,5,'hello']
</script>

取數組下標時，如果越界了，會輸出undefined

在給arr.length賦值后，數組長度也會發生變化，如果賦值過小，數組中的元素會丟失

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

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

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

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

sort() 按照ascii排序

reverse() 反轉

concat() 拼接數組

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

對象

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

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

對象賦值

動態的刪減屬性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循環

age=0;
while (age<100)
{
    age+=1;
    console.log(age);
}

for循環

for (let i = 0; i < 5; i++) {
    console.log(i);
}

for循環遍歷數組

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中添加數據

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);
}

感謝你能夠認真閱讀完這篇文章，希望小編分享的“JavaScript中基礎語法和數據類型的示例分析”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!