Javascript,一门神奇的语言,它的数组也同样独特。我们要去其糟粕,取其精华,把常用的最优实践总结出来。如有错误,请指出。
javascript数组是一种类数组的对象,拥有对象的特性。当属性名是小而连续的整数时,应该使用数组,否则,使用对象。
数组来源
所有的数组都是Array构造出来的,我们来测试一下constructor这个属性。
var arr = []; arr.constructor === Array; // true arr.constructor === Array.prototype.constructor; // true
创建数组
//数组字面量方式 var arr1 = [1, 2, 3]; // [1,2,3] //构造函数方式 var arr2 = new Array(); // [] 空数组 var arr3 = new Array('9'); // ["9"] 一个字符串元素 var arr4 = new Array(9); // [] 数组长度length为9 var arr5 = new Array([9]); // [[9]] 相当于二维数组 var arr6 = new Array(1, 2, 3); // [1, 2, 3] var arr7 = new Array(1, function f(){}, {o : 6}, null,undefined,true); // 数组可以存储任意混合数据类型
由于arr4的方式,当只有一个数字参数传递到Array的构造函数中,构造函数会返回设置了length属性的空数组。所以推荐使用数组字面量方式,短小而简洁。
检测对象是否为数组
var arr1 = [1, 2, 3]; typeof(arr1); // object
众所周知,typeof不能正确检测类型。
arr1 instanceof Array; //true
instanceof 方式在一个网页内是没有问题,一旦嵌套其他网页,便存在两个全局作用域,互相调用时的检测就会出问题。
Array.isArray(arr1); // true
Array.isArray() 是ECMAScript5 新增的方法,没有缺陷。唯一的问题是ie8浏览器不支持,ie9浏览器在严格模式下也不支持。
Object.prototype.toString.apply(arr1).slice(8, -1); // Array
最后一种方式是检测类型的最好方法。
数组长度
数组的length也是它的属性,增大length也不会发生越界错误。
length值等于数组最大的整数属性名加1。
var arr1 = []; arr1[9] = 1; // 长度为10,只包含一个元素的数组
设小值将将会把属性名大于等于length的属性删除。
如果将length值设为0,相当于清空数组。
var arr2 = [1, 2, 3, 4, 5]; arr2.length = 3; // [1, 2, 3] arr2.length = 0; // []
数组遍历
遍历数组不要使用for in循环遍历数组,因为for in会遍历原型链上的所有属性,但我们并不需要这么多。推荐使用for循环的方式。
var arr1 = [1, 2, 3]; arr1.test = 9; //for in 方式 for(var prop in arr1){ cosole.log(prop, arr1[prop]); } // 输出如下 // 0 1 // 1 2 // 2 3 // test 9 //for循环方式 for(var i = 0, len = arr1.length; i < len; i++){ console.log(arr1[i]); } //输出如下 // 1 // 2 // 3
我们看到for in方式多出了一个test值,可以使用hasOwnProperty函数排除,但那会比for循环的方式慢很多。
缓存数组长度很有必要的一步,每次访问是有性能开销的(最新的浏览器在这方面做了优化)。
小结
简单介绍了Array的相关基础知识,到这里也算是能对Array有更全面的理解了。下一篇介绍Array的方法。
Javascript虽然有很多不太容易弄懂的地方,随着长时间的学习,我已经慢慢地爱上它了(因为现在没有妹子让我爱)。
本文向大家介绍Javascript基础教程之数组 array,包括了Javascript基础教程之数组 array的使用技巧和注意事项,需要的朋友参考一下 字符串,数值,布尔值都属于离散值(scalar),如果某个变量是离散的,那么任何时候它只有一个值。 如果想使用变量存储一组值,就需要使用数组(array)。 数组是由多个名称相同的树值构成的集合,集合中每个数组都是数组的元素(element),
字符串,数值,布尔值都属于离散值(scalar),如果某个变量是离散的,那么任何时候它只有一个值。 如果想使用变量存储一组值,就需要使用数组(array)。 数组是由多个名称相同的树值构成的集合,集合中每个数组都是数组的元素(element),可以使用变量team存储团队里每个成员的名字。 在JavaScript中,数组使用关键字 Array声明创建,同事还可以声明变量的长度length。例如 v
本文向大家介绍数学基础介绍,包括了数学基础介绍的使用技巧和注意事项,需要的朋友参考一下 数学可以大致分为两类- 连续数学-它基于连续数字线或实数。它的特点是,在任意两个数字之间,几乎总是有无限个数字集合。例如,连续数学中的函数可以绘制成平滑的曲线而不会中断。 离散数学-涉及不同的价值观;也就是说,在任何两个点之间,都有可数的点。例如,如果我们有一组有限的对象,则该函数可以定义为具有这些对象的有序对
函数 函数的定义 函数是指由 事件驱动 或 当它被调用时 执行的可重复使用 的代码块。 函数定义的方式有两种: 函数由关键字function定义,第一种定义方式:函数声明形式 function abs (x) { if (x > 0) { return x; } else { return; } } 其中,abs为函数名,x为参数,多个参数用逗号","隔开, 花括号里的
简介 ES6中,数组新增了一系列好用的API 还有一个非常重要而且常用的语法:扩展运算符 正文 扩展运算符写作三个点(…),可以把一个可遍历的对象解开,转为用逗号分隔的序列 console.log(...[1, 2, 3]) // 1 2 3 console.log(1, ...[2, 3, 4], 5) // 1 2 3 4 5 [...document.querySelectorAll('di
在本章中,我们将研究JavaScript 。 在Foundation中设置JavaScript很容易; 你唯一需要的就是jQuery。 JavaScript安装 您可以使用ZIP下载,包管理器或CDN来获取Foundation JavaScript文件。 在您的代码中,您可以提供指向jQuery和Foundation的链接作为标记,放在结束之前,并检查在jQuery之后加载Foundation。