小編給大家分享一下JavaScript中Array對象的使用方法,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
成都創新互聯專注于企業成都營銷網站建設、網站重做改版、碭山網站定制設計、自適應品牌網站建設、H5建站、商城網站建設、集團公司官網建設、外貿營銷網站建設、高端網站制作、響應式網頁設計等建站業務,價格優惠性價比高,為碭山等各大城市提供網站開發制作服務。JavaScript的array對象也是JavaScript的內置函數之一,Array對象是用于處理數組的,使用Array對象時,我們需要先用new來創建一個array對象。
我們在這篇文章中已經介紹了如何創建一個內置函數,所以接下來我們就直接用new來創建一個Array對象
var family= new Array();
然后我們來看具體的示例
代碼如下
添加"Tom", "Jerry", "Soucy"并使用console.log調用調試。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JavaScript</title> </head> <body> <script> var family= new Array("Tom", "Jerry", "Soucy"); console.log(family); </script> </body> </html>
運行效果如下
接下來我們來看一下Array對象的屬性和方法
屬性1. length(獲取數組長度)
代碼如下
<script> var family= new Array("Tom", "Jerry", "Soucy"); console.log(family.length); </script>
運行效果如下
在family數組中有Tom, Jerry, Soucy三個元素,因此顯示為3。
關于length和屬性
在排列的length屬性中代替要素數,如果代入后的要素數比代入前的要素數小的話,要素也被刪除。
這次,“Taro”,“Jiro”,“Saburo”的排列的length屬性將2代入““Taro”,“Jiro”。
那么請說明各代碼。
初始值如下。
通過將元素數分配給數組的length屬性,如果賦值后的元素數小于替換前的元素數,則該元素將被刪除。
此時,["Tom", "Jerry", "Soucy"]通過在所述數組的長度屬性設為2,則數組就變為["Tom", "Jerry"]。
我們來說明一下
初始值如下。
var family = ['Tom', 'Jerry', 'Soucy'];
下面將元素為3的family數組的長度設置為2
family.length = 2;
這時,數組family的元素會刪除一個,顯示數組的代碼如下。
console.log(family)
此時數組的值是['Tom', 'Jerry']。
這是此時顯示數組元素下標的代碼。
console.log(Object.keys(family));
顯示結果是0 , 1。
顯示當前數組長度的代碼如下
console.log(family.length);
顯示結果為2
我們來嘗試獲取第一個元素
我們編寫代碼如下
console.log(family.1);
但是,因為語法不同,所以會發生錯誤。會顯示如下的結果
這是顯示當前第二個元素(下標為1)的正確語法代碼。
console.log(family[1]);
運行結果如下
這是顯示下標值為1的元素的代碼,它是通過從數組family的length屬性遞減1獲得的數字。
console.log(family[family.length - 1]);
運行結果和上述一樣
Array對象的方法
方法1. slice()(獲取數組元素)
在slice()方法中,可以通過指定下標來搜索指定的元素。
(下標是對數組元素進行編號的,從0開始一直到n......)
檢索元素時,必須在()中指定起始位置的下標和結束位置的下標。如果未指定特定的范圍,則會從第一個元素開始檢索的最后一個元素。
我們來看具體的示例
<script> var family= new Array("Tom", "Jerry", "Soucy"); console.log(family.slice(0,2)); </script>
運行結果如下
slice(0,2)指的是從下標為0的元素開始到下標為2的元素前,所以運行結果是"Tom", "Jerry"。
還有需要知道的是:
如果slice(0),則顯示"Tom", "Jerry", "Soucy"
如果slice(0,1),則顯示"Tom"
如果slice(1),則顯示"Jerry", "Soucy"
如果slice(1,2),則顯示"Jerry"
如果slice(2),則顯示"Soucy"
方法2. reverse()(翻轉元素順序)
代碼如下
<script> var family= new Array("Tom", "Jerry", "Soucy"); console.log(family.reverse()); </script>
運行結果如下:順序翻轉了過來
方法3. push()(在末尾添加新元素)
在push()中,您可以在數組末尾添加一個新元素,并在添加后獲取元素數。
代碼如下
<script> var family= new Array("Tom", "Jerry", "Soucy"); console.log(family.push("Marry", "Cindy")); </script>
運行效果如下
元素個數從3增加到了5,如果要顯示增加的元素,可以再輸入以下代碼
console.log(family)
運行結果如下
以上是JavaScript中Array對象的使用方法的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注創新互聯行業資訊頻道!
另外有需要云服務器可以了解下創新互聯scvps.cn,海內外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案,具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢,專為企業上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。
網頁名稱:JavaScript中Array對象的使用方法-創新互聯
標題URL:http://vcdvsql.cn/article18/cccjgp.html
成都網站建設公司_創新互聯,為您提供云服務器、小程序開發、定制開發、建站公司、ChatGPT、動態網站
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯