JS內置對象-Array數組對象的一些常用方法區分

zorro 發布于2019-08-20 11:59 / 1823人閱讀

摘要：語法添加刪除項目的位置要刪除的項目數量要添加的第一個元素第二個第三個返回值被刪除的項目，如果有的話其中，第二個參數如果設置為，則不會刪除任何項目。

第一篇篇幅太長了，自己回顧都覺得有點傷神。。以后盡量多篇少字~

首先簡單介紹Array數組對象

什么是數組：

用多帶帶的變量名存儲一系列的值

如何創建數組：（有3種方法）

1、常規方式:

var gyt=new Array(); 
gyt[0]="aaa";       
gyt[1]="bbb";
gyt[2]="ccc";

2、簡潔方式:

var gyt=new Array("aaa","bbb","ccc");

3、常用方式：

var gyt=["aaa","bbb","ccc"];

如何進行數組訪問：

通過指定數組名和索引號訪問，以下是訪問gyt數組的第一個值

var name=gyt[0];

sort(a,b)排序，a-b，升序；b-a，降序
reverse()把你原先設置的數組中的元素排序整個調轉

然后就是本篇重點，push()方法的用法、它的死對頭unshift()，以及push()與concat()區別

---------------末尾追加push()---------------

首先~
定義：push() 方法可向數組的末尾添加一個或多個元素，并返回新的長度。
語法：push(要添加到數組的第一個元素，第二個，第三個...)
返回值：新的長度，新的長度，新的長度

新的長度嘛，一看就懂啊，對，當初我也懂了，但敲碼時還是被卡了一下，腦子一下子轉不過來，立刻進入代碼環節~

由于想結果清晰一點，每個都加“
"了，雖然知道這樣不好。。但重點不是這里啊。。
輸出的結果如下：

3
a,b,k
a,b,c
123,KK,GGEE,a,b
5

雖然其實一看就懂了，但還是想說一下
1、document.write(e.push("k")+"
");是指輸出e.push()的返回值，即新數組的長度
2、f.push("c");是指單純的push的話只是把c這個字母添加到f中
3、document.write(f+"
");這才是輸出f這個數組，當初和1有點搞混了（現在在看，發覺以前的自己是真的蠢。。）
4、g.unshift("123","KK","GGEE");就是我前面提到的push()的死對頭，push()是末尾追加新的元素，而unshift是和它完全相反，是在數組開頭追加新的元素。

“不是開頭就是結尾，那么死板誰會用啊，還說是常用方法”，沒辦法了，這個時候拓展一下知識，對，就是他，splice()。
此方法本人稱其謂數組霸道法，能改變原始數組，想刪誰就刪誰，想在哪追加就在哪追加

下面是splice()簡單介紹
定義：向/從數組中添加/刪除項目。
語法：arrayObject.splice(添加/刪除項目的位置,要刪除的項目數量,要添加的第一個元素,第二個,第三個..)
返回值：被刪除的項目，如果有的話

其中，第二個參數如果設置為 0，則不會刪除任何項目。代碼如下：

結果

tom,ben,小明
tom,k,ben,小明

如果想刪除ben這個名字的話，改為arr.splice(1,1,"k");即可，就不再貼代碼了。

最后是push()和concat()的區別
concat()作用是合并多個數組，返回值是新的結果！！！簡單示例：

    var a=["hello","world"];
    var b=["haha","you"];
    var c=a.concat(b);
    document.write(c+"
");

而push()，經過上面這么啰嗦的解釋就知道了，它是末尾追加，返回值是新的數組的長度啊！！！

其實還有join()，又是和concat()很類似的，就不延伸了。畢竟都是小知識。

                                                      ————WEB前端學習，學而不思則罔，無腦敲碼等于浪費時間

GPU云服務器云服務器 js內置對象 js的一維對象數組 php的內置對象 js，對象中增加數據的方法

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/80741.html

JS標準庫的部分內置對象的常用屬性和方法

摘要：常用的屬性和方法創建空創建給對象添加屬性給對象添加多個屬性給對象添加給對象添加返回屬性配置對象返回所有屬性名數組返回對象原型對象阻止對象擴展凍結對象密封對象檢測是否可擴展布爾值檢測是否凍結布爾值檢測是否密封布爾值對象原型對象對象實例的屬性和常用Object的屬性和方法創建空Object var o1 = {}; var o2 = Object.create(Object.prot...

source 2019-08-21 13:44 評論0 收藏0
前端面試之路二(javaScript基礎整理)

摘要：在標簽中添加屬性，本質上是跟在標簽里面寫屬性時一樣的，所以屬性值最終都會編譯為字符串類型。這個節點包括很多，比如，以及一些方法等方法。一個對象有很多，該集合名字為，里面有其他以及，里面有很多。一、變量類型和計算 JS中使用typeof能得到哪些類型變量類型值類型：變量本身就是含有賦予給它的數值的，它的變量本身及保存的數據都存儲在棧的內存塊當中引用類型：引用類型當然是分配到...

AbnerMing 2019-08-23 10:43 評論0 收藏0
前端基礎入門四（JavaScript基礎）

摘要：學習目標掌握編程的基本思維掌握編程的基本語法我們先來學習基礎，后續會講解高級。語句基本語法當循環條件為時，執行循環體，當循環條件為時，結束循環。基礎語法循環體循環條件代碼示例初始化變量循環體自增循環條件語句和一般用來解決無法確認次數的循環。學習目標: 掌握編程的基本思維掌握編程的基本語法我們先來學習JavaScript基礎，后續會講解JavaScript高級。重點內容變...

王軍 2019-08-30 15:55 評論0 收藏0
前端基礎入門四（JavaScript基礎）

摘要：學習目標掌握編程的基本思維掌握編程的基本語法我們先來學習基礎，后續會講解高級。語句基本語法當循環條件為時，執行循環體，當循環條件為時，結束循環。基礎語法循環體循環條件代碼示例初始化變量循環體自增循環條件語句和一般用來解決無法確認次數的循環。學習目標: 掌握編程的基本思維掌握編程的基本語法我們先來學習JavaScript基礎，后續會講解JavaScript高級。重點內容變...

SnaiLiu 2019-08-23 14:50 評論0 收藏0
前端基礎入門四（JavaScript基礎）

摘要：學習目標掌握編程的基本思維掌握編程的基本語法我們先來學習基礎，后續會講解高級。語句基本語法當循環條件為時，執行循環體，當循環條件為時，結束循環。基礎語法循環體循環條件代碼示例初始化變量循環體自增循環條件語句和一般用來解決無法確認次數的循環。學習目標: 掌握編程的基本思維掌握編程的基本語法我們先來學習JavaScript基礎，后續會講解JavaScript高級。重點內容變...

dantezhao 2019-08-02 14:07 評論0 收藏0