Javascript數組創建及其常見操作
你對Javascript數組的操作是否熟悉，這里和大家簡單分享一下，主要包括創建，添加，刪除，讀取，以及JavaScript數組常見方法和屬性等內容，相信本文介紹一定會讓你有所收獲。
Javascript數組及其操作
本文介紹如下幾個方面的內容:
1.如何創建JavaScript數組
2.如何對JavaScript數組進行操作（添加,刪除,讀取)
3.JavaScript數組常見方法和屬性
◆如何創建一個數組,一般地根據初始化設定簡單分為3種:
1.單純創建JavaScript數組:
vararr=newArray();
要點:用new關鍵字創建數組對象Array(),Array()對象是一個本地類,可以用new創建一個對象后使用
2.創建JavaScript數組的同時規定數組大小:
vararr=newArray(10);//這里就創建了一個初始化大小為10的數組
注意:當使用數組大小操作初始化大小時,數組會自動被撐大,不會像C語言那樣發生錯誤.動態增長是js數組的一個性質.另外,js中支持最大數組長度為4294967295
3.直接初始化:
vararr=newArray("草履蟲","愛","毛毛");//這里就直接初始化了數組或vararr=["草履蟲","愛","毛毛"];//括號也可以聲明一個數組對象， 當然,類似C語言,你也可以定義2維3維和多維的數組,這里不討論。
JavaScript數組的屬性:length
arr.length返回數組arr的長度,常見于循環中對數組的遍歷,比如:
- for(vari=0;i<arr.length;i++){
- 執行部分
- }
數組元素的訪問:arr[index],其中index表示索引即數組基數,從0開始,共有arr.length個元素.比如:arr[0]訪問第一個數組元素,arr[1]訪問第二個數組元素....依次類推數組的操作方法:先概覽下下面的這些操作數組常用的方法(13個)
- toString(),valueOf(),toLocalString(),join(),
- split(),slice(),concat(),
- pop(),push(),shift(),unshift(),sort(),splice()
#p# 下面逐一分析這些方法的功能和用法.
◆toString(),valueOf(),toLocalString():
功能:返回數組的全部元素
注:JavaScript數組名也可以返回整個數組
代碼:
- varm=["am","bm","cm"];//用括號聲明一個數組對象
- alert(m.toString());
- //toString()返回數組對象的所有內容,用逗號分割,即am,bm,cm
- alert(m.valueOf());//valueOf()也返回數組對象的所有內容
- alert(m.toLocaleString());
- //toLocaleString()也返回數組對象的所有內容,但有地區語言區別,暫不研究
- alert(m);//數組名也返回數組對象的所有內容
- varm=["am","bm","cm"];
- //用括號聲明一個數組對象alert(m.toString());
- //toString()返回數組對象的所有內容,用逗號分割,即am,bm,cmalert(m.valueOf());
- //valueOf()也返回數組對象的所有內容alert(m.toLocaleString());
- //toLocaleString()也返回數組對象的所有內容,但有地區語言區別,暫不研究alert(m);
- //數組名也返回數組對象的所有內容
- 運行:<script>varm=["am","bm","cm"];alert(m.toString());
- alert(m.valueOf());alert(m.toLocaleString());</script>
◆join():
功能:把JavaScript數組各個項用某個字符(串)連接起來,但并不修改原來的數組
代碼:
- varm=["am","bm","cm"];//用括號聲明一個數組對象
- varn=m.join("---");//用---連接am,bm,cm.
- alert(m.toString());//m并沒有被修改,返回am,bm,cm
- alert(n);//n是一個字符串,為am---bm---cm
- varm=["am","bm","cm"];
- //用括號聲明一個數組對象varn=m.join("---");
- //用---連接am,bm,cm.alert(m.toString());
- //m并沒有被修改,返回am,bm,cmalert(n);
- //n是一個字符串,為am---bm---cm
- 運行:<script>varm=["am","bm","cm"];varn=m.join("---");
- alert(m.toString());alert(n);</script>
◆split():
功能:把一個字符串按某個字符(串)分割成一個數組,但不修改原字符串
代碼:
- varstr="Ilovemaomao,Iamcaolvchong";
- vararr=str.split("o");//按字符o把str字符串分割成一個數組
- alert(arr);//輸出整個數組
- varstr="Ilovemaomao,Iamcaolvchong";
- vararr=str.split("o");
- //按字符o把str字符串分割成一個數組alert(arr);
- //輸出整個數組
- 運行:<script>varstr="Ilovemaomao,Iamcaolvchong";
- vararr=str.split("o");alert(arr);</script>
◆slice():
功能：返回某個位置開始(到某個位置結束)的數組部分,不修改原JavaScript數組
代碼:
- varm=["am","bm","cm","dm","em","fm"];
- varn=m.slice(2);//返回第二個元素bm后面的元素,即cm,dm,em,fm
- varq=m.slice(2,5);//返回第二個元素后到第五個元素,即cm,dm,em
- alert(n);
- alert(q);
- varm=["am","bm","cm","dm","em","fm"];
- varn=m.slice(2);
- //返回第二個元素bm后面的元素,即cm,dm,em,fmvarq=m.slice(2,5);
- //返回第二個元素后到第五個元素,即cm,dm,emalert(n);alert(q);
- 運行:<script>varm=["am","bm","cm","dm","em","fm"];
- varn=m.slice(2);varq=m.slice(2,5);alert(n);alert(q);</script>
#p#JavaScript數組對象的棧操作:
push():數組末尾添加一個項
pop():刪除數組最后一個項
代碼:
- varm=["am","bm","cm","dm","em","fm"];
- m.push("gm");//在數組末尾添加元素gm
- alert(m);
- m.pop();//刪除數組最后一個元素gm
- alert(m);
- varm=["am","bm","cm","dm","em","fm"];m.push("gm");
- //在數組末尾添加元素gmalert(m);m.pop();
- //刪除數組最后一個元素gmalert(m);
- 運行:<script>varm=["am","bm","cm","dm","em","fm"];
- m.push("gm");alert(m);m.pop();alert(m);</script>
JavaScript 數組對象的隊列操作:
unshift():數組頭添加一個項
shift():刪除數組第一個項
代碼:
- varm=["am","bm","cm","dm","em","fm"];
- m.unshift("gm");//在數組第一個元素位置添加元素gm
- alert(m);
- m.shift();//刪除數組第一個元素gm
- alert(m);
- varm=["am","bm","cm","dm","em","fm"];m.unshift("gm");
- //在數組第一個元素位置添加元素gmalert(m);m.shift();
- //刪除數組第一個元素gmalert(m);
- 運行:<script>varm=["am","bm","cm","dm","em","fm"];m.unshift("gm");
- alert(m);m.shift();alert(m);</script>
◆ sort():
功能：數組按字符的ASCII碼進行排序,修改數組對象
注:即便是數字數組,也將轉化為字符串來進行比較排序
代碼:
- varm=["am","fm","gm","bm","em","dm"];
- m.sort();//按字母序排序
- alert(m);
- varm=["am","fm","gm","bm","em","dm"];m.sort();
- //按字母序排序alert(m);
- 運行:<script>varm=["am","fm","gm","bm","em","dm"];
- m.sort();alert(m);</script>
#p# ◆concat():
功能：在JavaScript數組尾添加元素,但不修改數組對象
代碼:
- varm=["am","bm"]
- varn=m.concat("cm");//添加一項cm,并且賦予新數組對象
- alert(m);//原數組沒有被修改
- alert(n);//輸出新數組對象
- varm=["am","bm"]varn=m.concat("cm");
- //添加一項cm,并且賦予新數組對象alert(m);
- //原數組沒有被修改alert(n);//輸出新數組對象
- 運行:<script>varm=["am","bm"];varn=m.concat("cm");
- alert(m);alert(n);</script>
◆splice():在數組的任意位置進行添加,刪除或者替換元素,直接修改數組對象
細節:
splice()有三個參數或三個以上參數,前兩個是必須的,后面參數是可選的
進行添加:splice(起始項,0,添加項)
進行刪除:splice(起始項,要刪除的項個數)
進行替換:splice(起始項,替換個數,替換項)這個其實是添加刪除的共同結果
代碼:
- varm=["am","bm"]
- m.splice(1,0,"fm","sm");//在第一項后面添加fm和sm,返回am,fm,sm,bm
- alert(m);
- m.splice(2,1);//刪除第二項后面一項(即第三項sm,返回am,fm,bm)
- alert(m);
- m.splice(2,1,"mm");//替換第二項后面一項(即第三項,返回am,fm,mm)
- alert(m);
- varm=["am","bm"]m.splice(1,0,"fm","sm");
- //在第一項后面添加fm和sm,返回am,fm,sm,bmalert(m);m.splice(2,1);
- //刪除第二項后面一項(即第三項sm,返回am,fm,bm)alert(m);
- m.splice(2,1,"mm");
- //替換第二項后面一項(即第三項,返回am,fm,mm)alert(m);
- 運行:<script>varm=["am","bm"];
- m.splice(1,0,"fm","sm");alert(m);m.splice(2,1);
- alert(m);m.splice(2,0,"mm");alert(m);</script>
【編輯推薦】
- JavaScript數組元素刪除問題解決方案
- 深入剖析JavaScript中split()方法的使用
- JavaScript數組元素刪除問題解決方案
- Javascript操作img解決網站提交數據異常問題
- JavaScript調試工具解決IE6等多版本共存問題
