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


Posted in Javascript onDecember 01, 2017

大家在学习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('输出耗时:',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 相关文章推荐
iframe 自适应高度[在IE6 IE7 FF下测试通过]
Apr 13 Javascript
jQuery基于当前元素进行下一步的遍历
May 20 Javascript
轻松实现javascript数据双向绑定
Nov 11 Javascript
javascript实现别踩白块儿小游戏程序
Nov 22 Javascript
AngularJS 入门教程之HTML DOM实例详解
Jul 28 Javascript
借助node实战JSONP跨域实例
Mar 30 Javascript
详解Vue 事件驱动和依赖追踪
Apr 22 Javascript
React Native中TabBarIOS的简单使用方法示例
Oct 13 Javascript
vue实现城市列表选择功能
Jul 16 Javascript
在create-react-app中使用sass的方法示例
Oct 01 Javascript
vue实现分页组件
Jun 16 Javascript
vue实现用户长时间不操作自动退出登录功能的实现代码
Jul 23 Javascript
JS笛卡尔积算法与多重数组笛卡尔积实现方法示例
Dec 01 #Javascript
利用JS测试目标网站的打开响应速度
Dec 01 #Javascript
Vue-Access-Control 前端用户权限控制解决方案
Dec 01 #Javascript
javascript按顺序加载运行js方法
Dec 01 #Javascript
AngularJS2 与 D3.js集成实现自定义可视化的方法
Dec 01 #Javascript
javascript Function函数理解与实战
Dec 01 #Javascript
React Native react-navigation 导航使用详解
Dec 01 #Javascript
You might like
配置最新的PHP加MYSQL服务器
2006/10/09 PHP
PHP中使用imagick生成PSD文件缩略图教程
2015/01/26 PHP
php实现微信公众平台账号自定义菜单类
2015/10/11 PHP
Javascript 判断函数类型完美解决方案
2009/09/02 Javascript
Javascript Jquery 遍历Json的实现代码
2010/03/31 Javascript
Bootstrap modal 多弹窗之叠加引起的滚动条遮罩阴影问题
2017/02/27 Javascript
在node.js中怎么屏蔽掉favicon.ico的请求
2017/03/01 Javascript
JS模拟超市简易收银台小程序代码解析
2017/08/18 Javascript
《javascript设计模式》学习笔记四:Javascript面向对象程序设计链式调用实例分析
2020/04/07 Javascript
详解JS深拷贝与浅拷贝
2020/08/04 Javascript
python通过urllib2爬网页上种子下载示例
2014/02/24 Python
python实现的DES加密算法和3DES加密算法实例
2015/06/03 Python
Python实现的爬虫功能代码
2017/06/24 Python
Django自定义分页效果
2017/06/27 Python
在PyCharm中批量查找及替换的方法
2019/01/20 Python
Python3远程监控程序的实现方法
2019/07/15 Python
react+django清除浏览器缓存的几种方法小结
2019/07/17 Python
python读取tif图片时保留其16bit的编码格式实例
2020/01/13 Python
python下载卫星云图合成gif的方法示例
2020/02/18 Python
Django Admin 上传文件到七牛云的示例代码
2020/06/20 Python
Python3 搭建Qt5 环境的方法示例
2020/07/16 Python
Python在centos7.6上安装python3.9的详细教程(默认python版本为2.7.5)
2020/10/15 Python
详解Python流程控制语句
2020/10/28 Python
新西兰优惠网站:Treat Me
2019/07/04 全球购物
为什么使用接口?
2014/08/13 面试题
写出一个方法实现冒泡排序
2016/07/08 面试题
什么是数据库锁?Oracle中都有哪些类型的锁?
2015/08/21 面试题
Java语言的优势
2015/01/10 面试题
建筑实习自我鉴定
2013/10/18 职场文书
八一演出活动方案
2014/02/03 职场文书
2014年党课学习心得体会
2014/07/08 职场文书
2014教师“四风问题”对照检查材料思想汇报
2014/09/16 职场文书
机关作风建设心得体会
2014/10/22 职场文书
骨干教师申报材料
2014/12/17 职场文书
2015高考寄语集锦
2015/02/27 职场文书
运动会加油稿50字
2015/07/21 职场文书