JavaScript進階(上)

時間 2019-11-12

原文原文鏈接

給變量取個名字(變量命名)

咱們爲了區分盒子，能夠用BOX1,BOX2等名稱表明不一樣盒子，BOX1就是盒子的名字（也就是變量的名字）。javascript

咱們趕快給變量取個好名字吧!變量名字能夠任意取，只不過取名字要遵循一些規則:html

1.必須以字母、下劃線或美圓符號開頭，後面能夠跟字母、下劃線、美圓符號和數字。以下:java

正確:           
    mysum            
    _mychar         
    $numa1

錯誤:
  6num  //開頭不能用數字
  %sum //開頭不能用除(_ $)外特殊符號,如(%  + /等)
  sum+num //開頭中間不能使用除(_ $)外特殊符號，如(%  + /等)

2.變量名區分大小寫，如:A與a是兩個不一樣變量。算法

3.不容許使用JavaScript關鍵字和保留字作變量名。編程

組團，並給團取個名（如何建立數組）

使用數組以前首先要建立，並且須要把數組自己賦至一個變量。比如咱們出遊，要組團，並給團定個名字「雲南之旅」。數組

建立數組語法：瀏覽器

var myarray=new Array();

咱們建立數組的同時，還能夠爲數組指定長度，長度可任意指定。dom

var myarray= new Array(8); //建立數組，存儲8個數據。

注意：
1.建立的新數組是空數組，沒有值，如輸出，則顯示undefined。
2.雖然建立數組時，指定了長度，但實際上數組都是變長的，也就是說即便指定了長度爲8，仍然能夠將元素存儲在規定長度之外。編輯器

任務

1.在右邊編輯器的第7行，使用new Array()建立一個新數組，並保存在myarr變量中
2.驗證編輯器的第8行輸出數組第一個值，在結果窗口中是不是undefined。函數

誰是團裏成員（數組賦值）

數組建立好，接下來咱們爲數組賦值。咱們把數組看似旅遊團的大巴車，大巴車裏有不少位置，每一個位置都有一個號碼，顧客要坐在哪一個位置呢？

第一步：組個大巴車
第二步：按票對號入座
        大巴車的1號座位是張三
        大巴車的2號座位是李四

數組的表達方式：

第一步：建立數組var myarr=new Array(); 
第二步：給數組賦值
        myarr[1]=" 張三";
        myarr[2]=" 李四";

下面建立一個數組，用於存儲5我的的數學成績。

var myarray=new Array(); //建立一個新的空數組
myarray[0]=66; //存儲第1我的的成績
myarray[1]=80; //存儲第2我的的成績
myarray[2]=90; //存儲第3我的的成績
myarray[3]=77; //存儲第4我的的成績
myarray[4]=59; //存儲第5我的的成績

注意：數組每一個值有一個索引號，從0開始。

咱們還能夠用簡單的方法建立上面的數組和賦值：

第一種方法：

var myarray = new Array(66,80,90,77,59);//建立數組同時賦值

第二種方法：

 var myarray = [66,80,90,77,59];//直接輸入一個數組（稱 「字面量數組」）

注意：數組存儲的數據能夠是任何類型（數字、字符、布爾值等）

瞭解成員數量(數組屬性length)

若是咱們想知道數組的大小，只需引用數組的一個屬性length。Length屬性表示數組的長度，即數組中元素的個數。

語法：

myarray.length; //得到數組myarray的長度

注意：由於數組的索引老是由0開始，因此一個數組的上下限分別是：0和length-1。如數組的長度是5，數組的上下限分別是0和4。

var arr=[55,32,5,90,60,98,76,54];//包含8個數值的數組arr 
document.write(arr.length); //顯示數組長度8
document.write(arr[7]); //顯示第8個元素的值54

同時，JavaScript數組的length屬性是可變的，這一點須要特別注意。

arr.length=10; //增大數組的長度
document.write(arr.length); //數組長度已經變爲10

數組隨元素的增長，長度也會改變，以下:

var arr=[98,76,54,56,76]; // 包含5個數值的數組
document.write(arr.length); //顯示數組的長度5
arr[15]=34;  //增長元素，使用索引爲15,賦值爲34
alert(arr.length); //顯示數組的長度16

任務

在右邊編輯器中，已建立數組mynum，並賦值65，90，88，98。
1. 在右邊編輯器的第8行，使用length屬性顯示數組長度。

二維數組

一維數組，咱們當作一組盒子，每一個盒子只能放一個內容。

一維數組的表示: myarray[ ]

二維數組，咱們當作一組盒子，不過每一個盒子裏還能夠放多個盒子。

二維數組的表示: myarray[ ][ ]

注意: 二維數組的兩個維度的索引值也是從0開始，兩個維度的最後一個索引值爲長度-1。

1. 二維數組的定義方法一

var myarr=new Array();  //先聲明一維 
for(var i=0;i<2;i++){   //一維長度爲2
   myarr[i]=new Array();  //再聲明二維 
   for(var j=0;j<3;j++){   //二維長度爲3
   myarr[i][j]=i+j;   // 賦值，每一個數組元素的值爲i+j
   }
 }

注意: 關於for 循環語句，請看第四章4-5 。

將上面二維數組，用表格的方式表示:

2. 二維數組的定義方法二

var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3, ]]

3. 賦值

myarr[0][1]=5; //將5的值傳入到數組中，覆蓋原有值。

說明: myarr[0][1] ,0 表示表的行，1表示表的列。

任務

試一試，建立二維數組(一維長度3，二維長度6)，值爲一維數組和二維數組索引值的積，如myarr[2][5]=2*5。

在右邊編輯器的script標籤內，建立該二維數組。

繼續循環continue

continue的做用是僅僅跳過本次循環，而整個循環體繼續執行。

語句結構：

for(初始條件;判斷條件;循環後條件值更新)
{
  if(特殊狀況)
  { continue; }
 循環代碼
}

上面的循環中，當特殊狀況發生的時候，本次循環將被跳過，然後續的循環則不會受到影響。比如輸出10個數字，若是數字爲5就不輸出了。

執行結果:

注:上面的代碼中，num=5的那次循環將被跳過。

什麼是事件

JavaScript 建立動態頁面。事件是能夠被 JavaScript 偵測到的行爲。網頁中的每一個元素均可以產生某些能夠觸發 JavaScript 函數或程序的事件。

好比說，當用戶單擊按鈕或者提交表單數據時，就發生一個鼠標單擊（onclick）事件，須要瀏覽器作出處理，返回給用戶一個結果。

主要事件表:

鼠標通過事件（onmouseover）

鼠標通過事件，當鼠標移到一個對象上時，該對象就觸發onmouseover事件，並執行onmouseover事件調用的程序。

現實鼠標通過"肯定"按鈕時，觸發onmouseover事件，調用函數info()，彈出消息框，代碼以下:

運行結果:

鼠標移開事件（onmouseout）

鼠標移開事件，當鼠標移開當前對象時，執行onmouseout調用的程序。

當把鼠標移動到"登陸"按鈕上，而後再移開時，觸發onmouseout事件，調用函數message()，代碼以下:

運行結果:

失焦事件（onblur）

onblur事件與onfocus是相對事件，當光標離開當前得到聚焦對象的時候，觸發onblur事件，同時執行被調用的程序。

以下代碼, 網頁中有用戶和密碼兩個文本框。當前光標在用戶文本框內時（即焦點在文本框），在光標離開該文本框後（即失焦時），觸發onblur事件，並調用函數message()。

運行結果：

內容選中事件（onselect）

選中事件，當文本框或者文本域中的文字被選中時，觸發onselect事件，同時調用的程序就會被執行。

以下代碼,當選中用戶文本框內的文字時，觸發onselect 事件，並調用函數message()。

運行結果：

文本框內容改變事件（onchange）

經過改變文本框的內容來觸發onchange事件，同時執行被調用的程序。

以下代碼,當用戶將文本框內的文字改變後，彈出對話框「您改變了文本內容！」。

運行結果：

加載事件（onload）

事件會在頁面加載完成後，當即發生，同時執行被調用的程序。
注意：1. 加載頁面時，觸發onload事件，事件寫在<body>標籤內。

2. 此節的加載頁面，可理解爲打開一個新頁面時。
以下代碼,當加載一個新頁面時，彈出對話框「加載中，請稍等…」。

運行結果：

卸載事件（onunload）

當用戶退出頁面時（頁面關閉、頁面刷新等），觸發onUnload事件，同時執行被調用的程序。

注意：不一樣瀏覽器對onunload事件支持不一樣。

以下代碼,當退出頁面時，彈出對話框「您肯定離開該網頁嗎？」。

運行結果：（IE瀏覽器）

編程練習

使用JS完成一個簡單的計算器功能。實現2個輸入框中輸入整數後，點擊第三個輸入框能給出2個整數的加減乘除。

提示：獲取元素的值設置和獲取方法爲：例：賦值：document.getElementById(「id」）.value = 1；取值：var = document.getElementById(「id」）.value；

任務

第一步：建立構建運算函數count()。

第二步：獲取兩個輸入框中的值和獲取選擇框的值。

提示：document.getElementById( id名 ).value 獲取或設置 id名的值。

第三步：獲取經過下拉框來選擇的值來改變加減乘除的運算法則。

提示：使用switch判斷運算法則。

第四步：經過 = 按鈕來調用建立的函數，獲得結果。

注意: 使用parseInt()函數可解析一個字符串,並返回一個整數。

eg.

<!DOCTYPE html>
<html>
<head>
<title> 計算器</title>
<script type="text/javascript">
function count(){
var first = parseInt(document.getElementById("txt1").value);
var second = parseInt(document.getElementById("txt2").value);
var select=document.getElementById("select").value;
case +:
document.getElementById("fruit").value= first + second;
break;
case -:
document.getElementById("fruit").value = first - second;
break;
case *:
document.getElementById("fruit").value = first * second;
break;
case /:
document.getElementById("fruit").value = first / second;
break;
default:
break;
}
</script>
</head>
<body>
<input type='text' id='txt1' />
<select id='select'>
<option value='+'>+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type='text' id='txt2' />
<input type='button' value=' = ' onclick="count()"/> 
<input type='text' id='fruit' />
</body>
</html>

什麼是對象

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

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

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

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

  var objectName =new Array();//使用new關鍵字定義對象
或者
  var objectName =[];

訪問對象屬性的語法:

objectName.propertyName

如使用 Array 對象的 length 屬性來得到數組的長度：

var myarray=new Array(6);//定義數組對象
var myl=myarray.length;//訪問數組長度length屬性

以上代碼執行後，myl的值將是：6

訪問對象的方法：

objectName.methodName()

如使用string 對象的 toUpperCase() 方法來將文本轉換爲大寫：

var mystr="Hello world!";//建立一個字符串
var request=mystr.toUpperCase(); //使用字符串對象方法

以上代碼執行後，request的值是：HELLO WORLD!

Date 日期對象

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

定義一個時間對象 :

var Udate=new Date();

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

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

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

var d = new Date(2012, 10, 1);  //2012年10月1日
var d = new Date('Oct 1, 2012'); //2012年10月1日

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

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

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

返回/設置年份方法

get/setFullYear() 返回/設置年份，用四位數表示。

var mydate=new Date();//當前時間2014年3月6日
document.write(mydate+"<br>");//輸出當前時間
document.write(mydate.getFullYear()+"<br>");//輸出當前年份
mydate.setFullYear(81); //設置年份
document.write(mydate+"<br>"); //輸出年份被設定爲 0081年。

注意:不一樣瀏覽器， mydate.setFullYear(81)結果不一樣，年份被設定爲 0081或81兩種狀況。

結果:

Thu Mar 06 2014 10:57:47 GMT+0800
2014
Thu Mar 06 0081 10:57:47 GMT+0800

注意:

1.結果格式依次爲：星期、月、日、年、時、分、秒、時區。(火狐瀏覽器)

2. 不一樣瀏覽器，時間格式有差別

返回星期方法

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

<script type="text/javascript">
  var mydate=new Date();//定義日期對象
  var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
//定義數組對象,給每一個數組項賦值
  var mynum=mydate.getDay();//返回值存儲在變量mynum中
  document.write(mydate.getDay());//輸出getDay()獲取值
  document.write("今天是："+ weekday[mynum]);//輸出星期幾
</script>

注意：以上代碼是在2014年3月7日，星期五運行。

結果:

今天是：星期五

返回/設置時間方法

get/setTime() 返回/設置時間，單位毫秒數，計算從 1970 年 1 月 1 日零時到日期對象所指的日期的毫秒數。

若是將目前日期對象的時間推遲1小時，代碼以下:

<script type="text/javascript">
  var mydate=new Date();
  document.write("當前時間："+mydate+"<br>");
  mydate.setTime(mydate.getTime() + 60 * 60 * 1000);
  document.write("推遲一小時時間：" + mydate);
</script>

結果:

當前時間：Thu Mar 6 11:46:27 UTC+0800 2014

推遲一小時時間：Thu Mar 6 12:46:27 UTC+0800 2014

注意:1. 一小時 60 分，一分 60 秒，一秒 1000 毫秒

2. 時間推遲 1 小時,就是: 「x.setTime(x.getTime() + 60 * 60 * 1000);」

返回/設置時間方法

get/setTime() 返回/設置時間，單位毫秒數，計算從 1970 年 1 月 1 日零時到日期對象所指的日期的毫秒數。

若是將目前日期對象的時間推遲1小時，代碼以下:

<script type="text/javascript">
  var mydate=new Date();
  document.write("當前時間："+mydate+"<br>");
  mydate.setTime(mydate.getTime() + 60 * 60 * 1000);
  document.write("推遲一小時時間：" + mydate);
</script>

結果:

當前時間：Thu Mar 6 11:46:27 UTC+0800 2014

推遲一小時時間：Thu Mar 6 12:46:27 UTC+0800 2014

注意:1. 一小時 60 分，一分 60 秒，一秒 1000 毫秒

2. 時間推遲 1 小時,就是: 「x.setTime(x.getTime() + 60 * 60 * 1000);」

String 字符串對象

在以前的學習中已經使用字符串對象了，定義字符串的方法就是直接賦值。好比：

var mystr = "I love JavaScript!"

定義mystr字符串後，咱們就能夠訪問它的屬性和方法。

訪問字符串對象的屬性length:

stringObject.length; 返回該字符串的長度。

var mystr="Hello World!";
var myl=mystr.;length

以上代碼執行後，myl 的值將是：12

訪問字符串對象的方法：

使用 String 對象的 toUpperCase() 方法來將字符串小寫字母轉換爲大寫：

var mystr="Hello world!";
var mynum=mystr.toUpperCase();

以上代碼執行後，mynum 的值是：HELLO WORLD!

返回指定位置的字符

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

語法:

stringObject.charAt(index)

參數說明：

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

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

如:在字符串 "I love JavaScript!" 中，返回位置2的字符：

<script type="text/javascript">
  var mystr="I love JavaScript!"
  document.write(mystr.charAt(2));
</script>

注意：一個空格也算一個字符。

以上代碼的運行結果：

l
eg.

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>string對象 </title>
<script type="text/javascript">
var mystr="I love JavaScript!"
document.write(mystr.charAt(mystr.length-1));
</script>
</head>
<body>
</body>
</html>

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

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

語法

stringObject.indexOf(substring, startpos)

參數說明：

說明：

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

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

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

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

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

例如: 對 "I love JavaScript!" 字符串內進行不一樣的檢索：

<script type="text/javascript">
  var str="I love JavaScript!"
  document.write(str.indexOf("I") + "<br />");
  document.write(str.indexOf("v") + "<br />");
  document.write(str.indexOf("v",8));
</script>

以上代碼的輸出：

0
4
9

字符串分割split()

知識講解：

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

語法：

stringObject.split(separator,limit)

參數說明:

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

咱們將按照不一樣的方式來分割字符串：

使用指定符號分割字符串，代碼以下:

var mystr = "www.imooc.com";
document.write(mystr.split(".")+"<br>");
document.write(mystr.split(".", 2)+"<br>");

運行結果:

www,imooc,com
www,imooc

將字符串分割爲字符，代碼以下：

document.write(mystr.split("")+"<br>");
document.write(mystr.split("", 5));

運行結果:

w,w,w,.,i,m,o,o,c,.,c,o,m
w,w,w,.,i

任務

運用split()方法，完成如下任務，並輸出:

1. 補充右邊編輯器第8行，以字符"-"分隔字符串對象mystr。

2. 補充右邊編輯器第9行，將字符串對象mystr每一個字符分割。

3. 補充右邊編輯器第10行，將字符串對象mystr分割成字符，分割3次。

提取字符串substring()

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

語法:

stringObject.substring(starPos,stopPos)

參數說明:

注意：

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

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

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

使用 substring() 從字符串中提取字符串，代碼以下：

<script type="text/javascript">
  var mystr="I love JavaScript";
  document.write(mystr.substring(7));
  document.write(mystr.substring(2,6));
</script>

運行結果:

JavaScript
love

任務

運用substring()方法，完成子字符串的提取:
1.補充右邊編輯器第8行，從字符對象mystr中提取World!子字符串。

2. 補充右邊編輯器第9行，從字符對象mystr中提取Hello子字符串。

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

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

語法:

stringObject.substr(startPos,length)

參數說明:

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

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

使用 substr() 從字符串中提取一些字符，代碼以下：

<script type="text/javascript">
  var mystr="I love JavaScript!";
  document.write(mystr.substr(7));
  document.write(mystr.substr(2,4));
</script>

運行結果：

JavaScript!
love

任務

運用substr()方法，完成如下任務:

1. 補充右邊編輯器第8行，提取字符world!。

2. 補充右邊編輯器第9行，提取字符Hello

Math對象

Math對象，提供對數據的數學計算。

使用 Math 的屬性和方法，代碼以下：

<script type="text/javascript">
  var mypi=Math.PI; 
  var myabs=Math.abs(-15);
  document.write(mypi);
  document.write(myabs);
</script>

運行結果:

3.141592653589793
15

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

Math 對象屬性

Math 對象方法

以上方法不作所有講解，只講解部分方法。此節沒有任務，快快進入下節學習。

向上取整ceil()

ceil() 方法可對一個數進行向上取整。

語法:

Math.ceil(x)

參數說明:

注意：它返回的是大於或等於x，而且與x最接近的整數。

咱們將把 ceil() 方法運用到不一樣的數字上，代碼以下：

<script type="text/javascript">
  document.write(Math.ceil(0.8) + "<br />")
  document.write(Math.ceil(6.3) + "<br />")
  document.write(Math.ceil(5) + "<br />")
  document.write(Math.ceil(3.5) + "<br />")
  document.write(Math.ceil(-5.1) + "<br />")
  document.write(Math.ceil(-5.9))
</script>

運行結果：

向下取整floor()

floor() 方法可對一個數進行向下取整。

語法:

Math.floor(x)

參數說明：

注意：返回的是小於或等於x，而且與 x 最接近的整數。

咱們將在不一樣的數字上使用 floor() 方法，代碼以下:

<script type="text/javascript">
  document.write(Math.floor(0.8)+ "<br>")
  document.write(Math.floor(6.3)+ "<br>")
  document.write(Math.floor(5)+ "<br>")
  document.write(Math.floor(3.5)+ "<br>")
  document.write(Math.floor(-5.1)+ "<br>")
  document.write(Math.floor(-5.9))
</script>

運行結果：

四捨五入round()

round() 方法可把一個數字四捨五入爲最接近的整數。

語法:

Math.round(x)

參數說明：

注意：

1. 返回與 x 最接近的整數。

2. 對於 0.5，該方法將進行上舍入。(5.5 將舍入爲 6)

3. 若是 x 與兩側整數同等接近，則結果接近 +∞方向的數字值。(如 -5.5 將舍入爲 -5; -5.52 將舍入爲 -6),以下圖:

把不一樣的數舍入爲最接近的整數,代碼以下：

<script type="text/javascript">
  document.write(+ "<br>");
  document.write(+ "<br>");
  document.write(+ "<br>");
  document.write(+ "<br>");
  document.write();
</script>Math.round(1.6)Math.round(2.5)Math.round(0.49)Math.round(-6.4)Math.round(-6.6)

運行結果：

隨機數 random()

random() 方法可返回介於 0 ~ 1（大於或等於 0 但小於 1 )之間的一個隨機數。

語法：

Math.random();

注意：返回一個大於或等於 0 但小於 1 的符號爲正的數字值。

咱們取得介於 0 到 1 之間的一個隨機數，代碼以下：

<script type="text/javascript">
  document.write(Math.random());
</script>

運行結果：

0.190305486195328

注意 :由於是隨機數，因此每次運行結果不同，可是0 ~ 1的數值。

得到0 ~ 10之間的隨機數，代碼以下:

<script type="text/javascript">
  document.write((Math.random())*10);
</script>

運行結果：

8.72153625893887

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。

數組元素使用：

數組名[下標] = 值;

注意: 數組的下標用方括號括起來，從0開始。

數組屬性：

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

數組方法：

數組鏈接concat()

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

語法

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

參數說明：

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

咱們建立一個數組，將把 concat() 中的參數鏈接到數組 myarr 中，代碼以下：

<script type="text/javascript">
  var mya = new Array(3);
  mya[0] = "1";
  mya[1] = "2";
  mya[2] = "3";
  document.write(mya.concat(4,5)+"<br>");
  document.write(mya); </script>

運行結果：

1,2,3,4,5
1,2,3

咱們建立了三個數組，而後使用 concat() 把它們鏈接起來，代碼以下：

<script type="text/javascript">
  var mya1= new Array("hello!")
  var mya2= new Array("I","love");
  var mya3= new Array("JavaScript","!");
  var mya4=mya1.concat(mya2,mya3);
  document.write(mya4);
</script>

運行結果：

hello!,I,love,JavaScript,!

相關標籤/搜索

每日一句

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