1.两种方法的对比

数组在JavaScript中,就像大多数的其它语言 一样,是对象。我们可以使用JavaScript内置的数组构造函数Array()来创建数组。就象对象的字面声名法一样,数组也可以采用字面法来声名。 而且我们建议使用数组的字面声名法。下面来看看这两种创建数组的方法:
// array of three elements
// warning: antipattern
var a = new Array("itsy", "bitsy", "spider"); // the exact same array
var a = ["itsy", "bitsy", "spider"]; console.log(typeof a); // "object", because arrays are objects
console.log(a.constructor === Array); // true

如上代码,采用字面的声名法来声名数组时,数组就是一组放在方括号中的数据,里面的数据元素可以是任意的数据类型,包括对象。字面的声名法更直观,更优雅,也更简洁,没有必要,也就应该用new Array()来创建数组。

2. 内置的数组构造函数中的陷阱

离内置的数组构造函数的原因并不只是上面列举的那些。这个”免费的“的内置构造函数有着许多让人意想不到的问题。比如,如果只传入一个整数作为参数,它并
不把这个整数作为第一个数据元素,而是用它来设置数组的长度 。如:new Array(3)
创建的是一个长度为3的数组,接下来如果你尝试读取第一个数据元素,你得到的将是undefined

// an array of one element
var a = [3];
console.log(a.length); // 1
console.log(a[0]); // 3 // an array of three elements
var a = new Array(3);
console.log(a.length); // 3
console.log(typeof a[0]); // "undefined"

仅仅传递一个整数作为内置数组的构造函数作为参数,其结果有些恶心但还可以理解,但当你传递一个浮点数作为参数时,事情变得更糟糕了:

// using array literal
var a = [3.14];
console.log(a[0]); // 3.14 var a = new Array(3.14); // RangeError: invalid array length
console.log(typeof a); // "undefined"

3. 判断一个对象是不是数组

对数组使用typeof操作符,返回的是"object"。虽然数组是个对象,但这个结果显然并不太有用:

console.log(typeof [1, 2]); // "object"

在ECMAScript 5中JavaScript有一个全新的方法检查一个对象到底是不是数据:使用 Array.isArray()。它可不是好骗的:

Array.isArray([]); // true

// trying to fool the check
// with an array-like object
Array.isArray({
length: 1,
"0": 1,
slice: function () {}
}); // false

在ExtJS框架里也有类似的方法:Ext.isArray()。如果你的代码的执行环境不支持ECMAScript 5,也没有其它框架,也可以使用下面的方法来验证数组对象:

if (typeof Array.isArray === "undefined") {
Array.isArray = function (arg) {
return Object.prototype.toString.call(arg) === "[object Array]";
};
}

JavaScript基础数组的字面声名法(010)的更多相关文章

  1. JavaScript基础正则表达式的字面声明(012)

    不出所料,正则表达式也是JavaScript的一种对象.构造正则表达式也有两种,一种是使用JavaScript内置的 new RegExp() 构造函数,另一种是我们推荐的字面声明方式: // reg ...

  2. JavaScript基础-----数组(Array)

    1.JavaScript 中创建数组的方法: (1).使用Array构造函数: var arr = new Array(); //创建一个空数组 var arr = new Array(5); //传 ...

  3. JavaScript基础------数组

    数组1.数组的每个元素都可以保存任意类型数据2.数组长度可以随之调整创建数组的2种方式 1.使用Array构造函数 语法 new Array() 小括号()说明: (1)预先知道数组要保存的项目的数量 ...

  4. JavaScript 基础数组循环和迭代的几种方法

    JavaScript 数组循环和迭代   (之前一直没怎么注意数组循环,今天做一道题时,用到forEach循环发现它并没有按照我想象的样子执行,总结一下数组循环) 一.第一种方法就是for()循环   ...

  5. JavaScript基础——数组

    一 .数组的介绍 1.概念:数据的集合,任何数据都可以放在数组中 2.作用:可以同时操作多个数据 3.数组的创建: 字面量:var arr = [ ]; 构造函数:var arr = new Arra ...

  6. Javascript 基础--数组

    一.一维数组 1.一维数组 var weights = [3,5,1,3.4,2,50]; var all_weight=0; var avg_weight=0; for(var i=0;i<w ...

  7. JavaScript基础数组_布尔值_逻辑运算等(2)

    day51 参考:https://www.cnblogs.com/liwenzhou/p/8004649.html 布尔值(Boolean) 区别于Python,true和false都是小写. var ...

  8. JavaScript基础Literal 与 Constructor(008)

    JavaScript支持以字面声名法(Literal)的方式来声名对象和数组,相对于构造函数(constructor)的方式,Literal的声 名方式更简洁,更易读,也更少导致Bug.事实上,JSO ...

  9. JavaScript基础插曲—元素样式,正则表达式,全局模式,提取数组

    JavaScript基础学习 学习js的基础很重要,可以让自己有更多的技能.我相信这个以后就会用到. Eg:点击选择框,在div中显示出选择的数量 window.onload = function() ...

随机推荐

  1. UML ——区分类图中的几种关系.md

    目录 关联关系 (association): 聚合关系 (aggregation): 合成关系 (composition): 依赖关系 (dependency): 总结: 原文地址 http://ww ...

  2. Java实现 LeetCode 784 字母大小写全排列(DFS)

    784. 字母大小写全排列 给定一个字符串S,通过将字符串S中的每个字母转变大小写,我们可以获得一个新的字符串.返回所有可能得到的字符串集合. 示例: 输入: S = "a1b2" ...

  3. Java实现Labeling Balls(拓扑排序的应用)

    1 问题描述 给出一些球,从1N编号,他们的重量都不相同,也用1N标记加以区分(这里真心恶毒啊,估计很多WA都是因为这里),然后给出一些约束条件,< a , b >要求编号为 a 的球必须 ...

  4. PAT 统计同成绩学生

    本题要求读入 N 名学生的成绩,将获得某一给定分数的学生人数输出. 输入格式: 输入在第 1 行给出不超过 105 的正整数 N,即学生总人数.随后一行给出 N 名学生的百分制整数成绩,中间以空格分隔 ...

  5. Java基础(九)

    一.总述 多线程程序在较低的层次上扩展了多任务的概念:一个程序同时执行多个任务.通常,每一个任务称为一个线程,它是线程控制的简称.可以同时运行一个以上线程的程序称为多线程程序. 多进程与多线程的区别: ...

  6. java关键字volatile用法详解

    volatile关键字想必大家都不陌生,在java 5之前有着挺大的争议,在java 5之后才逐渐被大家接受,同时作为java的关键字之一,其作用自然是不可小觑的,要知道它是java.util.con ...

  7. Go语言json编码驼峰转下划线、下划线转驼峰

    目录 一.需求 二.实现 三.使用 JsonSnakeCase统一转下划线json JsonSnakeCase统一转驼峰json 一.需求 golang默认的结构体json转码出来,都是大写驼峰的,并 ...

  8. const修饰this指针的用法

    #include <iostream> #include <string> using namespace std; class Base { }; class Excepti ...

  9. PHP源码进行加密(仅linux)

    加密软件(php_screw) 1.下载网站:http://sourceforge.net/projects/php-screw/ 2.描述: php文件通常以文本格式存贮在服务器端, 很容易被别人读 ...

  10. MATLAB读取和保存nifti文件

    介绍 分析核磁数据时,数据的读取和保存是两个基本的操作.虽然大部分工具包都对这些功能进行了封装,但是如果你不了解如何使用这些工具包或者说当前的任务太简单不值得去使用这些庞大的工具包的时候就需要我们自己 ...