首頁 > web前端 > js教程 > 主體

在javascript中new Array()和var arr=[]用法有什麼差別

亚连
發布: 2018-06-22 18:22:31
原創
2225 人瀏覽過

給大家分析一下在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"

上面是我整理給大家的,希望今後會對大家有幫助。

相關文章:

在vue中詳細解讀父子通訊

詳細介紹Vue.js中ref ($refs)用法

$refs存取Vue中的DOM(詳細教學)

#在jQuery如何實作彈窗下底部頁面禁止滑動效果

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

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