javaScript-進階篇(二)

時間 2019-11-12

標籤 javascript 進階欄目 JavaScript 简体版

原文原文鏈接

JavaScript的內置對象

JavaScript 中的全部事物都是對象，如:字符串、數值、數組、函數等，每一個對象帶有屬性和方法javascript

對象的屬性：反映該對象某些特定的性質的，如：字符串的長度、圖像的長寬等；html

對象的方法：可以在對象上執行的動做。例如，表單的「提交」(Submit)，時間的「獲取」(getYear)等java

JavaScript 提供多個內建對象，好比 String、Date、Array 等等，使用對象前先定義數組

>Date日期對象：

日期對象能夠儲存任意一個日期，而且能夠精確到毫秒數（1/1000 秒）安全

定義一個時間對象：函數

var Udate = new Date();

注意:使用關鍵字new，Date()的首字母必須大寫。 ui

使 Udate 成爲日期對象，而且已有初始值：當前時間(當前電腦系統時間)。spa

若是要自定義初始值，能夠用如下方法：code

var d = new Date(2012,10,1);
var d = new Date('Oct 1,2012');

最好使用下面介紹的「方法」來嚴格定義時間。htm

訪問方法語法：「<日期對象>.<方法>」

Date對象中處理時間和日期的經常使用方法：

返回星期方法：

getDay() 返回星期，返回的是0-6的數字，0 表示星期天。若是要返回相對應「星期」，經過數組完成，

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>得到星期</title>
<script type="text/javascript">
  var mydate=new Date();
  var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
  document.write("今天是：" + weekday[mydate.getDay()]);
</script>
</head>
<body>
</body>
</html>

>String字符串對象：

返回指定位置的字符：

charAt() 方法可返回指定位置的字符。返回的字符是長度爲 1 的字符串。

stringObject.charAt(index);

注意：

1.字符串中第一個字符的下標是 0。最後一個字符的下標爲字符串長度減一（string.length-1）。

2.若是參數 index 不在 0 與 string.length-1 之間，該方法將返回一個空字符串。

返回指定的字符串首次出現的位置:

indexOf() 方法可返回某個指定的字符串值在字符串中首次出現的位置

stringObject.indexOf(substring,startpos);

1.該方法將從頭至尾地檢索字符串 stringObject，看它是否含有子串 substring。

2.可選參數，從stringObject的startpos位置開始查找substring，若是沒有此參數將從stringObject的開始位置查找。

3.若是找到一個 substring，則返回 substring 的第一次出現的位置。stringObject 中的字符位置是從 0 開始的。

注意：

1.indexOf() 方法區分大小寫。

2.若是要檢索的字符串值沒有出現，則該方法返回 -1。

字符串分割：

split() 方法將字符串分割爲字符串數組，並返回此數組

stringObject.split(separator,limit);

若是把空字符串 ("") 用做 separator，那麼 stringObject 中的每一個字符之間都會被分割。

將字符串對象mystr每一個字符分割:

mystr.split("")

提取字符串substring():

substring() 方法用於提取字符串中介於兩個指定下標之間的字符。

stringObject.substring(startPos,stopPos);

1. 返回的內容是從 start開始(包含start位置的字符)到 stop-1 處的全部字符，其長度爲 stop 減start。

2. 若是參數 start 與 stop 相等，那麼該方法返回的就是一個空串（即長度爲 0 的字符串）。

3. 若是 start 比 stop 大，那麼該方法在提取子串以前會先交換這兩個參數。

提取指定數目的字符substr():

substr() 方法從字符串中提取從 startPos位置開始的指定數目的字符串。

stringObject.substr(startPos,length);

若是參數startPos是負數，從字符串的尾部開始算起的位置。也就是說，-1 指字符串中最後一個字符，-2 指倒數第二個字符，以此類推。

若是startPos爲負數且絕對值大於字符串長度，startPos爲0

>Math對象

Math 對象是一個固有的對象，無需建立它，直接把 Math 做爲對象使用就能夠調用其全部屬性和方法。這是它與Date,String對象的區別。

Math對象屬性：

Math對象方法：

>Array數組對象

數組對象是一個對象的集合，裏邊的對象能夠是不一樣類型的。數組的每個成員對象都有一個「下標」，用來表示它在數組中的位置，是從零開始的

1. 定義了一個空數組:

var  數組名= new Array();

2. 定義時指定有n個空元素的數組：

var 數組名 =new Array(n);

3.定義數組的時候，直接初始化數據：

var  數組名 = [<元素1>, <元素2>, <元素3>...];

咱們定義myArray數組，並賦值，代碼以下：

var myArray = [2, 8, 6];

說明：定義了一個數組 myArray，裏邊的元素是：myArray[0] = 2; myArray[1] = 8; myArray[2] = 6。

數組屬性：

length 用法：<數組對象>.length；返回：數組的長度，即數組裏有多少個元素。它等於數組裏最後一個元素的下標加一。

數組方法：

數組鏈接concat():

concat() 方法用於鏈接兩個或多個數組。此方法返回一個新數組，不改變原來的數組。

arrayObject.concat(array1,array2,...,arrayN)

該方法不會改變現有的數組，而僅僅會返回被鏈接數組的一個副本。

指定分隔符鏈接數組元素join():

arrayObject.join(separator);

separator:可選，指定要使用的分隔符。若是省略該參數，則使用逗號做爲separator

<script type="text/javascript">
    var myarr1= new Array("86","010")
    var myarr2= new Array("84697581");
    var myarr3= myarr1.concat(myarr2);
    var myarr4= myarr3.join("-");
    document.write(myarr4);
</script>

選定元素slice():

slice() 方法可從已有的數組中返回選定的元素。

arrayObject.slice(start,end);

1.返回一個新的數組，包含從 start 到 end （不包括該元素）的 arrayObject 中的元素。

2. 該方法並不會修改數組，而是返回一個子數組

注意：

1. 可以使用負值從數組的尾部選取元素。

2.若是 end 未被規定，那麼 slice() 方法會選取從 start 到數組結尾的全部元素。

3. String.slice() 與 Array.slice() 類似。

數組排序sort():

sort()方法使數組中的元素按照必定的順序排列。

arrayObject.sort(方法函數)

1.若是不指定<方法函數>，則按unicode碼順序排列。

2.若是指定<方法函數>，則按<方法函數>所指定的排序方法排序。

myArray.sort(sortMethod);

注意: 該函數要比較兩個值，而後返回一個用於說明這兩個值的相對順序的數字。比較函數應該具備兩個參數 a 和 b，其返回值以下：

若返回值<=-1，則表示 A 在排序後的序列中出如今 B 以前。
若返回值>-1 && <1，則表示 A 和 B 具備相同的排序順序。
若返回值>=1，則表示 A 在排序後的序列中出如今 B 以後。

<script type="text/javascript">
   function sortNum(a,b) {
        return b-a;

//升序，如降序，把「a - b」該成「b - a」

} var myarr = new Array("80","16","50","6","100","1"); document.write(myarr.sort(sortNum)); </script>

<!DOCTYPE  HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>繫好安全帶,準備啓航</title>

<script type="text/javascript">

  //經過javascript的日期對象來獲得當前的日期，並輸出。
  var currentDate = new Date();
  var weekday = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
  document.write(
      currentDate.getFullYear() + "年" + 
      (currentDate.getMonth() + 1) + "月" + 
      currentDate.getDate() + "日" + " " + 
      weekday[currentDate.getDay()]
      );
  //成績是一長竄的字符串很差處理，找規律後分割放到數組裏更好操做哦
  var sorceStr = "小明:87;小花:81;小紅:97;小天:76;小張:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";
  var sourceArr = sorceStr.split(";");
  //document.write(sourceArr);//test
   //從數組中將成績撮出來，而後求和取整，並輸出。
   var score = new Array();
   var sum = 0;
   for (var i = 0; i < sourceArr.length; i ++) {
       sum += parseInt(sourceArr[i].substr(sourceArr[i].indexOf(":")+1));
       //document.write("<br>" + sum);//test
   }
   document.write("--班級總分爲:" + sum);
   document.write(",班級平均分爲(保留整數):" + Math.round(sum/sourceArr.length))
</script>
</head>
<body>
</body>
</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。