JavaScrip 入門第一課
阿新 • • 發佈:2018-12-18
一、程式碼引入的三種方式
1、直接在head中書寫
在head標籤裡面可以寫,在body標籤裡面也可以寫,放到head標籤裡面和放到body標籤裡面到底有什麼區別,我們後續在講~
<head> <meta charset="UTF-8"> <title>第一種引入方式</title> <script type="text/javascript">
//javascrip警告語句 alert("我是警告"); </script> </head>
2、書寫在html的body中
<body> <!-- javascrip警告語句 --> alert("我是警告"); </body>
3、引入外部js檔案
<script src="myscript.js"></script> 引入 myscrip.js檔案
二、數值型別
1、int、float、string、bool 都屬於數值型別;
2、string屬性和方法
方法 | 說明 |
.length #不加括號的是屬性 | 返回長度 |
.trim() #得到一個新值 | 移除空白 |
.trimLeft() | 移除左邊的空白 |
.trimRight() | 移除右邊的空白 |
.charAt(n) #n類似索引,從0開始,超過最大值返回''空字串 | 返回第n個字元 |
.concat(value, ...) #s1='hello';s.concat('xx');得到helloxx | 拼接 |
.indexOf(substring, start) #這個start是從索引幾開始找,沒有返回-1 | 子序列位置 |
.substring(from, to) #不支援負數,所以一般都不用它,瞭解一下就行了 | 根據索引獲取子序列 |
.slice(start, end) #var s1='helloworld';s1.slice(0,-5)看結果,就用它 | 切片 |
.toLowerCase() #全部變小寫 | 小寫 |
.toUpperCase() #全部變大寫 | 大寫 |
.split(delimiter, limit)#分隔,s1.splite(' '),後面還可以加引數s1.split(' ',2),返回切割後的元素個數 | 分割 |
3、字串換行輸入
使用反單引號換行,esc下面的反引號,shift+回車來進行換行
4、建立物件,使用new方法
var a=new string("a")
5、陣列常用屬性和方法
方法 | 說明 |
.length | 陣列的大小 |
.push(ele) | 尾部追加元素 |
.pop() | 獲取尾部的元素 |
.unshift(ele) | 頭部插入元素 |
.shift() | 頭部移除元素 |
.slice(start, end) | 切片 |
.reverse() #在原陣列上改的 | 反轉 |
.join(seq)#a1.join('+'),seq是連線符 | 將陣列元素連線成字串 |
.concat(val, ...) #連個數組合並 | 連線陣列 |
.sort() | 排序 |
.forEach() #講了函式再說 | 將陣列的每個元素傳遞給回撥函式 |
.splice() | 刪除元素,並向陣列新增新元素。 |
.map() #講了函式再說 | 返回一個數組元素呼叫函式處理後的值的新陣列 |
(1).sort( ) 先根據第一個字元的unicode編碼排序,如果第一個字元相同,繼續比較第二的unicode編碼...
(2).splice( ) 第一個引數表示的刪除的起始位置,第二個引數表示刪除的元素個數,之後的資料表示要在刪除位置新增的元素;
6、資料型別查詢
typeof "abc" // "string"
typeof null // "object"
typeof true // "boolean"
typeof 123 typeof NAN // "number"
typeof undefined //undefined