首頁 > web前端 > js教程 > javascript中new Array()和var arr=[]用法

javascript中new Array()和var arr=[]用法

小云云
發布: 2017-12-04 13:27:02
原創
3815 人瀏覽過

大家在學習javascript中對於陣列函數new Array()和var arr=[]很多朋友不知道如何區別,也不知道用法,給大家分析一下在javascript中數組函數new Array()和var arr= []用法區別,一起跟著學習吧。

下面看看我們總結的。

var arr=[]

這是一個字面定義陣列的方法

var arr=new Array()

這是呼叫陣列建構函式產生的陣列

上面的2種定義陣列的方法到底一樣不一樣

目前我們大致的認同是下面這樣的

用new 關鍵字去記憶體開闢一個儲存位址比較耗資源,耗記憶體.

而字面量方式直接在記憶體開闢一個儲存欄位相對簡單,不耗資源.

我們首先不去否定上面的結論對不對.

首先從功能上來說var =arr=[] 和var arr= new Array() 是一樣的.

接著我們用一段程式碼來驗證一下


var startTime=new Date().getTime();
var test1=[];
var test2=[];
for(var i=0;i<1000000;i++){
  //test1[i]={};
  test2[i]=new Object();
}

var endTime=new Date().getTime();
console.log(&#39;输出耗时:&#39;,endTime-startTime);
登入後複製


#上面test1 和test2 2個陣列中每個元素都是一個陣列,可以依序註解任何一行程式碼,我大概測試10多次以上

結果

#36**
36**

上面的2個耗時都是3600 秒左右,忽上忽下,沒有絲毫大的差距

我的運行話就MacBook Air (13-inch, Mid 2013) ,處理器:1.3 GHz Intel Core i5 , 記憶體: 4 GB 1600 MHz DDR3 , JS Runner 工具

所以姑且認為上面的2種方法差異不大.

##[ ]和new Array()在語法上唯一的差異在於new Array()可以直接設定陣列的長度

new Array() 在建構陣列的時候有下面幾種方法

var arr = new Array();

var arr = new Array(8);
var arr = new Array("c", "d", “e”);
字面量法
var d = ["111", " 222", "333"];

所以在性能上這2個方法沒有太大差距,只是一種使用習慣,字面量更加直接了當.


退一步講,如果我用var arr=['111','222','333']; 定義一個數組的時候,難道它沒有通過構造函數在內存中開闢一個存放地址嗎?


js中數組Array的一些常用方法總結

#var list = new Array()是我們在js中常常寫到的程式碼,今天就總結哈Array的物件具有哪些方法。

list[0] = 0;

list[1] = 1;

list[2] = 2;

或這樣宣告:var list = [0,1,2]

1 shift()t:刪除陣列的第一個元素,傳回刪除的值。這裡是0

2 unshift(3,4):把參數載入陣列的前面,回傳陣列的長度。現在list:中是3,4,0,1,2

3pop():刪除陣列的最後一個元素,傳回刪除的值。這裡是2.

4push(3):將參數載入到陣列的最後,傳回陣列的長度,現在List中時:0,1,2,3

5concat(3, 4):把兩個陣列拼接起來。

6splice(start,deleteCount,val1,val2,...):從start位置開始刪除deleteCount項,並從該位置起插入val1,val2,...

reverse:將陣列反序

var a = [1,2,3,4,5];
var b = a.reverse(); //a:[5,4,3,2,1] b :[5,4,3,2,1]

sort(orderfunction):依指定的參數對陣列進行排序

var a = [1,2,3,4,5];
var b = a.sort(); //a:[1,2,3,4,5] b:[1,2,3,4,5]

slice(start,end ):傳回從原數組指定開始下標到結束下標之間的項所組成的新數組

var a = [1,2,3,4,5];
var b = a.slice (2,5); //a:[1,2,3,4,5] b:[3,4,5]

join(separator):將陣列的元素組起一個字串,以separator為分隔符,省略的話則用預設用逗號為分隔符號

var a = [1,2,3,4,5];
var b = a.join("|"); //a:[1,2,3,4,5] b:"1|2|3|4|5"

以上內容就是javascript中new Array()和var arr=[]用法差別_javascript技巧,希望能幫助大家。

相關推薦:

JavaScript中數組函數array()的相關介紹

in_array()的10篇內容推薦

Javascript中var與let之間的不同與相同

以上是javascript中new Array()和var arr=[]用法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板