`

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

    博客分类:
  • js
 
阅读更多
大家在学习javascript中对于数组函数new Array()和var arr=[]很多朋友不知道如何区别,也不知道用法,下面看看我们总结的。

var arr=[]
这是一种字面量定义数组的方法

var arr=new Array()
这是调用数组构造函数生成的数组

上面的2种定义数组的方法到底一样不一样
目前我们大致的认同是下面这样的

用new 关键字去内存开辟一个存储地址比较耗资源,耗内存.

而字面量方式直接在内存开辟一个存储字段相对简单,不耗资源.

我们首先不去否定上面的结论对不对.

首先从功能上来说 var =arr=[] 和 var arr= new Array() 是一样的.
然后我们用一段代码来验证一下

?
1
2
3
4
5
6
7
8
9
10
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"
分享到:
评论

相关推荐

    js数组说明大全

    * 使用 new Array() 构造函数创建数组:var a = new Array("cctv","sxtv","tytv"); * 使用数组字面量创建数组:var a = ["cctv","sxtv","tytv"]; * 使用带有长度的数组创建数组:var a = new Array(3); 二、数组...

    文科计算机JAVASCRIPT语言“array”的用法.pdf

    在文科计算机的学习中,理解和掌握JavaScript的数组用法对于处理和组织数据至关重要。 数组的定义通常分为三种方式: 1. 单纯创建数组: `var arr = new Array();` 这种方式创建的数组没有预设大小,也没有初始...

    javascript的数组和常用函数详解_.docx

    var arr = new Array(); ``` 或者指定初始长度: ```javascript var arr = new Array(10); // 创建包含10个未初始化元素的数组 ``` 2. **使用数组字面量:** ```javascript var arr = []; ``` 3. **同时...

    JavaScript数组详解

    var arr = new Array("terry","larry","boss"); // 创建一个数组,数组中的元素使用实参初始化 ``` 使用数组字面量方式创建数组时,可以使用一对包含数组项的方括号表示,多个数组项之间用逗号分隔。 ``` var arr = ...

    javascript数组定义的几种方法

    使用 `new` 关键字和 `Array` 构造函数来创建数组,传入的参数即为数组的元素。 3. **指定长度**: ```javascript var arr3 = new Array(3); ``` 只传递一个数字参数给 `Array` 构造函数,会创建一个具有指定...

    JavaScript中的Array 对象(数组对象)_.docx

    - 使用`new Array()`构造函数:`var arr = new Array();` 或 `var arr = new Array(size);` 或 `var arr = new Array(element1, element2, ...);` 2. Array对象属性: - `constructor`:这是一个内置属性,用于...

    javascript中数组、对象

    在JavaScript中,数组和对象是两种非常基础且重要的数据结构,它们被广泛应用于各种场景,如数据存储、逻辑处理和对象表示。这篇文章将深入探讨这两种数据类型,以及相关的操作和工具。 **一、数组** 数组在...

    浅析JavaScript中的array数组类型系统_.docx

    JavaScript中的数组类型系统是编程语言的核心特性之一,尤其在处理数据集合时,其灵活性和多样性使其成为不可或缺的工具。在JavaScript中,数组并不是一种独立的数据结构,而是基于对象的特殊形式,这使得JavaScript...

    js代码-已知如下数组: var arr = [ [1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [14] ] ] ], 10]; 编写一个程序将数组扁平化去并除其中重复部分数据,最终得到一个升序且不重复的数组

    JavaScript的`Array.prototype.sort()`方法可以实现这个功能,但需要注意的是,如果数组中包含数字和非数字,排序可能会出现问题。因此,我们应确保数组只包含数字,然后使用`sort()`方法进行升序排序。 以下是一个...

    Javascript数组及其操作

    2. 创建数组的同时规定数组大小:`var arr = new Array(10);` 3. 直接初始化数组:`var arr = new Array("love", "hate", "pain");` 或 `var arr = ["happy", "cute", "scare"];` 数组的属性 数组的属性包括: * ...

    javascript代码,通俗易懂

    JavaScript 是一种广泛应用于 Web 开发的脚本语言,它提供了...总结,本文介绍了 JavaScript 中数组的定义、操作以及函数的定义、调用和使用细节。理解这些基础知识对于编写高效、可维护的 JavaScript 代码至关重要。

    最全的javascript笔记

    `var arr = new Array(new Array(1, 2, 3, 4, 5), new Array(5, 4, 3, 2, 1), new Array(6, 7, 8, 9, 0), new Array(0, 9, 8, 7, 6));` 数组的方法和属性 数组有多种方法和属性,可以对数组进行操作,包括: 1. `...

    JavaScript中的Array的创建方式和Array与Map的应用

    总结,JavaScript中的Array和Map各有其特性和用途,Array适用于有序的元素集合,Map适用于键值对的存储。理解并熟练运用它们可以提高代码的效率和可读性。在实际开发中,结合源码学习和使用工具,可以更好地理解和...

    Javascript数组及类数组相关原理详解

    2. var arr = new Array() 如果只有一个参数会指定数组的长度,当一个参数时只能是整形,如下例子 var arr = new Array(10) var arr = new Array(10.2) //会报错 var arr = new Array(1, 2, 3) //arr = [1, 2, 3] ...

    JavaScript基础第04天笔记1

    - 在JavaScript中,数组有两种创建方式:使用`new Array()`构造函数或者使用中括号`[]`直接创建。 - `new Array()`可以不传参数,也可以传入一个或多个值,例如`var arr = new Array();`或`var arr = new Array('a...

    JavaScript array常用方法代码实例详解

    了解这些数组方法的用法和特性后,开发者可以更有效地处理和操作JavaScript中的数组数据。在实际编程中,这些方法常常结合使用,以实现复杂的数据处理逻辑。例如,可以先用`filter()`过滤出符合条件的元素,然后用`...

Global site tag (gtag.js) - Google Analytics