1. 程式人生 > >JavaScrip 入門第一課

JavaScrip 入門第一課

一、程式碼引入的三種方式

  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