javascript中new Array()和var arr=[]用法區(qū)別
大家在學(xué)習(xí)javascript中對(duì)于數(shù)組函數(shù)new Array()和var arr=[]很多朋友不知道如何區(qū)別,也不知道用法,下面看看我們總結(jié)的。
var arr=[]
這是一種字面量定義數(shù)組的方法
var arr=new Array()
這是調(diào)用數(shù)組構(gòu)造函數(shù)生成的數(shù)組
上面的2種定義數(shù)組的方法到底一樣不一樣
目前我們大致的認(rèn)同是下面這樣的
用new 關(guān)鍵字去內(nèi)存開辟一個(gè)存儲(chǔ)地址比較耗資源,耗內(nèi)存.
而字面量方式直接在內(nèi)存開辟一個(gè)存儲(chǔ)字段相對(duì)簡單,不耗資源.
我們首先不去否定上面的結(jié)論對(duì)不對(duì).
首先從功能上來說 var =arr=[] 和 var arr= new Array() 是一樣的.
然后我們用一段代碼來驗(yàn)證一下
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('輸出耗時(shí):',endTime-startTime);
上面 test1 和 test2 2個(gè)數(shù)組中每個(gè)元素都是一個(gè)數(shù)組,可以依次注釋任意一行代碼,我大概測試10多次以上
結(jié)果
36**
36**
上面的2個(gè)耗時(shí)都是 3600 秒左右,忽上忽下,沒有絲毫大的差距
我的運(yùn)行話就 MacBook Air (13-inch, Mid 2013) ,處理器:1.3 GHz Intel Core i5 , 內(nèi)存: 4 GB 1600 MHz DDR3 , JS Runner 工具
所以姑且認(rèn)為上面的2種方法差異不大.
[ ]和new Array()在語法上唯一的區(qū)別是new Array()可以直接設(shè)置數(shù)組的長度
new Array() 在構(gòu)造數(shù)組的時(shí)候有下面幾種方法
var arr = new Array();
var arr = new Array(8);
var arr = new Array("c", "d", “e”);
字面量方式
var d = ["111", "222", "333"];
所以在性能上這2個(gè)方法沒有太大差距,只是一種使用習(xí)慣,字面量更加直接了當(dāng).
退一步講,如果我用 var arr=[‘111','222','333']; 定義一個(gè)數(shù)組的時(shí)候,難道它沒有通過構(gòu)造函數(shù)在內(nèi)存中開辟一個(gè)存放地址嗎?
js中數(shù)組Array的一些常用方法總結(jié)
var list = new Array()是我們在js中常常寫到的代碼,今天就總結(jié)哈Array的對(duì)象具有哪些方法。
list[0] = 0;
list[1] = 1;
list[2] = 2;
或者這樣聲明:var list = [0,1,2]
1 shift()t:刪除數(shù)組的第一個(gè)元素,返回刪除的值。這里是0
2 unshift(3,4):把參數(shù)加載數(shù)組的前面,返回?cái)?shù)組的長度?,F(xiàn)在list:中是3,4,0,1,2
3pop():刪除數(shù)組的最后一個(gè)元素,返回刪除的值。這里是2.
4push(3):將參數(shù)加載到數(shù)組的最后,返回?cái)?shù)組的長度,現(xiàn)在List中時(shí):0,1,2,3
5concat(3,4):把兩個(gè)數(shù)組拼接起來。
6splice(start,deleteCount,val1,val2,...):從start位置開始刪除deleteCount項(xiàng),并從該位置起插入val1,val2,...
reverse:將數(shù)組反序
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):按指定的參數(shù)對(duì)數(shù)組進(jìn)行排序
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):返回從原數(shù)組中指定開始下標(biāo)到結(jié)束下標(biāo)之間的項(xiàng)組成的新數(shù)組
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):將數(shù)組的元素組起一個(gè)字符串,以separator為分隔符,省略的話則用默認(rèn)用逗號(hào)為分隔符
var a = [1,2,3,4,5];
var b = a.join("|"); //a:[1,2,3,4,5] b:"1|2|3|4|5"
- JS中使用new Option()實(shí)現(xiàn)時(shí)間聯(lián)動(dòng)效果
- JS中‘hello’與new String(‘hello’)引出的問題詳解
- 原生JS封裝_new函數(shù)實(shí)現(xiàn)new關(guān)鍵字的功能
- JavaScript new對(duì)象的四個(gè)過程實(shí)例淺析
- 詳解Javascript中new()到底做了些什么?
- 用Newtonsoft將json串轉(zhuǎn)為對(duì)象的方法(詳解)
- js中new一個(gè)對(duì)象的過程
- JavaScript中new運(yùn)算符的實(shí)現(xiàn)過程解析
相關(guān)文章
JS實(shí)現(xiàn)將對(duì)象轉(zhuǎn)化為數(shù)組的方法分析
這篇文章主要介紹了JS實(shí)現(xiàn)將對(duì)象轉(zhuǎn)化為數(shù)組的方法,結(jié)合實(shí)例形式分析了javascript操作及轉(zhuǎn)換json數(shù)組相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-01-01
window.name代替cookie的實(shí)現(xiàn)代碼
window.name代替cookie的實(shí)現(xiàn)代碼,需要的朋友可以參考下。2010-11-11
DOM節(jié)點(diǎn)深度克隆函數(shù)cloneNode()用法實(shí)例
這篇文章主要介紹了DOM節(jié)點(diǎn)深度克隆函數(shù)cloneNode()用法,實(shí)例分析了cloneNode()函數(shù)深度復(fù)制的操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-01-01
Ajax局部更新導(dǎo)致JS事件重復(fù)觸發(fā)問題的解決方法
如果頁面中包含一個(gè)ajax更新的列表,那么需要小心非動(dòng)態(tài)更新部分的事件處理,下面以帶有公共工具欄的列表界面為例2014-10-10
JavaScript?CSS解析B站的彈幕可以不擋人物原理及技巧
這篇文章主要為大家介紹了JavaScript?CSS解析B站的彈幕可以不擋人物原理及技巧,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-01-01

