天天看點

JavaScipt的内置對象之數組對象

開發工具與關鍵技術:DW ,Visual Studio ,

作者:Li Mingrun

撰寫時間:2019年1月26日

要學習JavaScript的内置對象,首先我們要知道什麼是JavaScript的對象。

其實在JavaScript中除了基本的類型的所有事物都是JavaScript對象。

對于JavaScript對象可以分為兩類。

1, JavaScript允許自定義對象。

2, JavaScript的内置對象—在W3School中又稱為内建對象,由JavaScript内部提供。

在JavaScript中,對象是可以看作是擁有屬性和方法的特殊的資料類型。

記住,對象是擁有屬性和方法的。

下面讓我們來學習一下JavaScript的内置對象。

JavaScript的内置對象有:

1, Array (數組)對象。

2, String (字元串)對象。

3, Date (日期)對象。

4, Math (算數)對象。

5, Boolean 對象(布爾值)。

下面讓我們來學習一下JavaScript的内置對象的數組對象

學習JavaScript對象,首先我們要學會建立自己的對象。

建立對象有兩種不同的方法:

1, 定義并建立對象的執行個體。

2, 使用函數定義對象,然後再建立對象的執行個體。

JavaScipt的内置對象之數組對象

1, Array (數組)對象。(定義 , 指派,擷取/使用)

我們知道變量使用來存儲資料的,但一個變量隻能存儲一條資料;

當我們要存儲大量資料是就麻煩了,是以我們要用數組來解決存儲資料問題了。

數組一個值的集合,每一個值都有一個與其對應的索引值,索引是從0開始的,

可以根據索引添加或删除更多資料。

JavaScipt的内置對象之數組對象
JavaScipt的内置對象之數組對象

數組還有一種稱之為“字面量數組”—就是直接輸出一個數組

var myarr = [66, 80, 90, 77, 59];

數組在建立時還可以同時指派

var array3 = new Array(2, 4, 8, 16, 32);

數組存在多元之分:

上面說的都是一維數組:一維數組的表示定義:var digital = new Array[]/ myarray[ ]

多元數組的表示定義:var myarr[][]=[[],[]];

以二維數組為例:

JavaScipt的内置對象之數組對象

定義多元數組的方法是不為一的,方法有很多

按照生活執行個體,那麼有定義數組,就會有,新增,修改,删除,查詢數組元素

下面我們來學習一下JavaScript的删除數組方法中的幾種方法

1,使用是splice方法來清空數組或數組元素(splice(索引,删除的長度))

用法 ;

JavaScipt的内置對象之數組對象

注意:splice 在删除數組或數組元素時,同時也删除了數組的長度

2,splice方法除了可以删除數組(元素),也可以新增數組元素 ,但是需要在

IE5.5以後的版本才支援新增數組元素

例如:allue.splice(1,1,‘d’,‘e’),那麼,d,e兩個元素就被加入到數組allue中了

這時數組allue變成了‘1’,‘d’,‘3’,‘4’,‘5’,‘6’,‘e’;

另外,在JavaScript中通過攝者數組的length這個屬性來截斷數組,

是唯一一種縮短數組長度的方法。

3,delect方法delect allue(index)

這種方法删除數組,數組的長度不會改變,此被删除的數組元素的位置變成undefined了,

數組的索引保持不變,仍然可以周遊數組元素,但周遊時會跳過undefined的元素

4,Array.remove(index)方法

傳回:修改後的數組

JavaScipt的内置對象之數組對象

5, Array.baoremove() 方法 //也可以用splice來實作.

傳回:在原數組上修改數組.

JavaScipt的内置對象之數組對象

6,指定分隔符連接配接數組元素join()方法

JavaScipt的内置對象之數組對象

7,在IE5以下的版本中,JavaScript的Array(數組)對象并未提供現成的删除數組元素的方法。

在IE5.5+的版本中,雖然有splice方法,但是并不是删除某一項(或幾項),而僅僅是将某一項(或幾項)的值清除,也就是說該項仍然存在,數組的長度并沒有改變。

事實上,可以自己為數組增加一個删除方法(注意,這裡指的是将數組的某一項真正的從數組成員中移除),也可以用循環來為數組重新指派,這樣做當然可以,但效率很低。

那麼介紹Array對象的兩個方法slice、concat來自定義删除數組的方法。

JavaScipt的内置對象之數組對象

數組附屬圖(來源網頁)

JavaScipt的内置對象之數組對象
JavaScipt的内置對象之數組對象
JavaScipt的内置對象之數組對象

繼續閱讀