avaScript中的數據類型分為兩大類,分別是基本數據類型和復雜數據類型(或稱為引用數據類型),如圖所示。
本節重點講解基本數據類型。下面我們用代碼演示基本數據類型的使用。
(1)數字型(Number),包含整型值和浮點型值:
var numl = 21; //整型值
var num2 = 0.21; //浮點型值
(2)布爾型(Boolean),包含 true 和false 兩個布爾值 :
var booll = true; //表示真、1、成立
var bool2 = false; // 表示假、0、不成立
(3)字符串型(String),用單引號或雙引號包裹:
var strl = ''; //空字符串
var str2 = 'abc'; //單引號包裹的字符串 abc
var str3 = "abc"; //雙引號包裹的字符串 abc
(4)未定義型(Undefined),只有一個值 undefined :
var a; // 聲明變量 a,未賦值,此時 a就是undefined
var b = undefined; //變量b的值為 undefined
(5)定型(Null),只有一個值null:
var a = null; //變量a的值為nu11
需要注意的是,代碼中的值 tue、false、undefined和null全部都要寫成小寫字母。
文本標記語言(Hyper Text Markup Language,簡稱為HTML)是一種創建網頁的標準標記語言。這不是一個編程語言,而是一個標記語言,使用各種標簽來描述一個頁面的樣子,作為一個數據分析入門學習者,我們不需要完全學會怎么編寫,怎么調試,只需要我們會看的懂,然后知道定位到我們需要的內容就即可。
網頁組成
一個網頁通常是由HTML元素、CSS樣式和JavaScript腳本組成,但是對于數據采集來說,有用的只有HTML元素。通俗一點講,網頁就是一個房子,html就是簡單的毛坯,CSS就是給房子來個精裝修,Js腳本就是給房子通上了水電。要是把房子的精裝修拆除,房子也可以用,就是有點難看,網頁也是一樣,把CSS樣式拿走,內容還在,但是就不太美觀。一個網頁的大體結構如下:
<html>
<head>
<title>頁面標題</title>
<script src="jquery-2.2.0.min.js"></script>
<link type="text/css" rel="stylesheet" href="style.css" />
</head>
<body>
<h1>這是標題</h1>
<p>段落1</p>
<p>段落2</p>
</body>
</html>
由標簽<html>和</html>分別開頭和結尾。只有<body></body>的部分才會在瀏覽器顯示出來,<head></head>部分通常是寫一些配置或者引入一些css或者js文件。
上面的網頁示例中有很多的標簽,比如說<p></p>,這表示一個段落,通常標簽都是成對的。但是也有一些只有單個,沒有結束標簽,比如:< link ><br>等。這是需要了解到的,我們需要知道這些標簽是表達的什么,里面存放的什么內容,好比我們需要知道一套房子每個房間是干啥的,這樣的話,是去做飯還是去睡覺,都可以找到對的房間。數據采集的時候也是一樣,需要知道我們的要找的東西在哪個標簽下存放著,下表中例舉幾個常見的標簽。
屬性是為了給HTML標簽增加了更豐富的信息,而且需要在開始標簽中定義。比如最常用的超鏈接
<a href="http://www.mlscoder.cn">馬拉松程序員</a>
很多時候,需要獲取某一頁面中的所有超鏈接,就是通過尋找所有<a>標簽中的href屬性中的值,來得到結果。在Html中需要重點認識的屬性有下面5個
屬性名 | 屬性含義 |
class | 表示元素的一個或多個類名 |
id | 表示元素在頁面的中唯一id |
style | 表示元素的行內css樣式,高于class中樣式 |
title | 表示元素內的額外信息,鼠標懸停顯示 |
type | 表示元素的類型,一般配合input標簽使用 |
上述5個元素的屬性是最常見的,也是后面重點使用的,需要了解屬性的用途。比如說要找到class為“col-10”的元素,或者href中包含www.mlscoder.cn開頭的所有鏈接,都是需要依靠標簽的屬性key和value來判斷。
嘍,大家好啊,這里是雷工筆記,我是雷工。
數據類型比較常見,無論是對程序員,還是電氣工程師來說,都再熟悉不過了,這里跟著教程了解一下,主要看跟自己以往在其他PLC,C#,組態軟件中應用的有啥不同。
在計算機的世界就像黑客帝國中的超級計算機,其中的人、物其實都是虛擬的數據。
數據類型:用來在計算機中標記程序的運算規則的。
計算機程序可以處理海量的數據,為啥要給數據分類?
1、為了更加充分和高效的應用計算機內存。
2、為了更加方便程序猿合理的使用數據。
JavaScript中的數據類型整體分為兩大類:
1、基本數據類型;
2、引用數據類型(復雜類型);
數字型即我們小學中學到的數字,可以是整數、小數、正數、負數。
數字類型:只要變量的值是純數字,且沒有引號,那么當前變量就是數字類型。
相比其他組態軟件中分16位整型,雙整型,有符號,無符號,浮點數等類型要簡單些。
示例:
let age =20 //整數
let pi = 3.14 //小數
在JavaScript語言中正數、負數、小數等統稱為數字類型Number。
注意事項:
1、JavaScript語言屬于弱數據類型,變量到底屬于什么類型,需要等賦值后,才能確定。
2、Java語言屬于強數據類型,例如:int b=4;定義時就確認了,必須是整數。
1、數字類型在程序中可以有許多操作,例如,加+,減-,乘*、除/,等待,經常涉及運算。
運算涉及到算術運算符,也稱作數學運算符,主要包括加、減、乘、除、取余等。
2、說到計算就涉及計算的優先級,在JavaScript中的優先級和小學數學中的算術優先級一樣,都是先乘除,后加減,想改變加括號。
3、NaN代表一個計算錯誤。它是一個不正確的或者一個未定義的數學操作所得到的結果。
示例:
console.log('老師'-2) //NaN
NaN是粘性的。任何對NaN的操作都會返回NaN。
示例:
console.log(NaN +2) //NaN
1、通過單引號(‘’)、雙引號(“”)包裹的數據都叫字符串,單引號和雙引號沒有本質上的區別,推薦使用單引號。
示例:
let myName = '雷工筆記' //使用單引號
let name = “雷工” // 使用雙引號
let tel = '18712345678' // 看上去是數字,但是是引號包裹了,就是字符串。
let str = ‘ ’ // 這種是空字符串
2、注意事項:
2.1、無論單引號或是雙引號必須成對應用;
2.2、單引號/雙引號可以互相嵌套,但是不可以自己嵌套自己;
2.3、必要時可以使用轉義符\,輸出單引號或者雙引號。
3、拼接字符串
使用場景:+運算符,可以實現字符串的拼接。
使用口訣:數字相加,字符相連;
示例:
document.write(‘我是’+‘雷工筆記’) //我是雷工筆記
let myName = ‘高啟強’
let work = ‘賣魚’
document.write( myName + work) //高啟強賣魚
注意:
只要變量中有一個數據類型是字符串類型,那么在計算的時候遇到加號,則直接拼接字符串;
如果遇到除加號以外的符號,那么計算機先將字符串轉換為對應的數字,然后再計算,
4、模板字符串
4.1、應用場景
拼接字符串和變量
在沒有它之前,要拼接變量比較麻煩
示例:
document.write(‘哈嘍,大家好,我是’+name+‘!今年‘+age+歲’)
4.2、模板字符串語法
● ``(反引號)
●在模板字符串中通過${變量}獲取變量的值。
● 反引號在英文輸入模式下,鍵盤鍵Tab上面那個按鍵(1左邊那個按鍵)
● 內容拼接時,用${}包裹住變量。
示例:
document.write(`哈嘍,大家好,我是${name}!今年${name}歲`)
好像C#中也有類似的應用方法。
表示開關量,是或否時在計算機中對應的是布爾類型。
他有兩個固定的值,True與False,表示真時用true,表示假時用False。
true:代表正確的,條件成立的;
False:代表錯誤的,條件不成立的;
示例:
//雷工筆記有趣嘛?
let isFun = true
console.log(isFun)
7.1、未定義是比較特殊的類型,只有一個值undefined。
7.2、什么情況下出現?
只聲明變量,不賦值的情況下,變量的默認值為undefined,一般很少【直接】為某個變量賦值為undefined。
undefined值本身表示的含義未定義;
示例:
let name // 聲明變量但是未賦值
document.write(name) //輸出undefined
7.3、實例場景:
我們開發中經常聲明一個變量,等待傳送過來的數值。
如果我們不確定這個數據是否有傳遞過來,此時我們可以通過檢測這個變量是不是undefined,來確定是否有數據傳遞過來。
8.1、如果變量的值是null,那么變量的數據類型叫空類型,——對象類型。
JS中的null僅僅是一個表示“無”、“空”或“值未知”的特殊值。
示例:
let name=null
console.log(name) //null
8.2、null和undefined的區別:
● undefined表示木有賦值
● null 表示賦值了,但是內容為空
8.3、null實例場景:
官方說明:把null作為尚未創建的對象。
將來有個變量里面存放的是一個對象,但是對象還沒創建好,可以先給個null
以上為學習JavaScript基礎知識數據類型的相關筆記。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。