javascript代码实例教程-JavaScript编程开发教_JS数组

发布时间:2019-01-15 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-JavaScript编程开发教_JS数组脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

JavaScript编程开发教_JS数组

(1)JS数组是无类型的:数组元素可以是任意类型,并且同一个数组中的不同元素也可能有不同的类型。 (2)JS数组的索引是基于0 的32位数值。 (3)JS数组是动态的,长度会根据需要动态增长或缩减。 (4)JS数组可能是稀疏的:数组元素的索引不一定要连续,他们之间可以有空缺。 (5)JS数组是JS对象的特殊形式。 (6)JS数组继承自 Array.PRototyPE中的属性,它定义了一套丰富的数组操作方法。
一、创建数组 (1)数组直接量[ ] 如果省略数组直接量中的某个值,省略的元素将被赋予undefined值。 允许有可选的结尾的逗号,故[ , , ]只有两个元素而非三个。
(2)构造函数创建数组 VAR a = new Array(); //空数组 var a = new Array(10); //指定长度为10 var a = new Array(5, 4, 3, 2, 1, "testing, testing"); //指定元素
二、数组元素的读和写 使用[ ] 注意:可以使用负数或者非整数来索引数组。这时候,数值转换成字符串,字符串作为属性名来用。

javascript代码实例教程-JavaScript编程开发教_JS数组



三、稀疏数组 四、数组长度length (1)数组长度会自动增加。 (2)设置length属性为一个小于当前长度的非负整数n时,当前数组中的那些索引值大于或者等于n的元素将从中删除。 (3)可以使用Object.defineProperty()设置数组的length属性为只读。
五、数组元素的添加和删除 Array 对象方法
方法 描述
concat() 连接两个或更多的数组,并返回结果。
join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
pop() 删除并返回数组的最后一个元素
push() 向数组的末尾添加一个或更多元素,并返回新的长度。
reverse() 颠倒数组中元素的顺序。
shift() 删除并返回数组的第一个元素
slice() 从某个已有的数组返回选定的元素
sort() 对数组的元素进行排序
splice() 删除元素,并向数组添加新元素。
toSource() 返回该对象的代码。
toString() 把数组转换为字符串,并返回结果。
toLocaleString() 把数组转换为本地数组,并返回结果。
unshift() 向数组的开头添加一个或更多元素,并返回新的长度。
valueOf() 返回数组对象的原始值

六、数组遍历 (1)使用优化的for循环 for(var i = 0, len = arr.length; i < len; i++) { //操作 } for(var i = 0, len = arr.length; i < len; i++) { if( !arr[i] ) continue; //跳过null、(undefined和不存在的元素) //循环体 } for(var i = 0, len = arr.length; i < len; i++) { if( arr[i] == undefined ) continue; //跳过(undefined和不存在的元素) //循环体 } for(var i = 0, len = arr.length; i < len; i++) { if( ! (i in arr) ) continue; //跳过 不存在的元素 //循环体 }
(2)使用for/in循环处理稀疏数组。 for(var index in sparseArray) { var value = sparseArray[index]; //此处可以使用索引和值做事情 } 注意:使用for/in循环能够枚举继承的属性名。‘ 过滤方法: for (var i in a) { if( !a.hasOwnProperty(i)) continue; //跳过继承的属性 //循环体 }
(3)使用foreach() var data = [1,2,3,4,5]; var sum = 0; data.forEach(function(x) { sum += x; }); console.LOG(sum);
七、多维数组 matrix[x][y] 八、数组方法 在Array.prototype中定义了一些操作数组的方法,他们可以被任何数组使用。
九、ECMAScript 5中的数组方法 写在前面:每个方法的第一个参数都是一个函数,函数中最多有三个参数:s数组元素、元素的索引、数组本身。 (1)forEach( ) 从头至尾遍历数组,为每个数组元素调用指定的函数。

javascript代码实例教程-JavaScript编程开发教_JS数组


(2)map() 将调用的数组的每个元素传递给指定的函数,并返回一个数组,它包含该函数的返回值。

javascript代码实例教程-JavaScript编程开发教_JS数组


(3)filter() 该方法返回的数组元素是调用的数组的一个子集。

javascript代码实例教程-JavaScript编程开发教_JS数组


(4)every()some() 用来数组的逻辑判定:他们对数组元素应用指定的函数进行判定,返回true或者false。

javascript代码实例教程-JavaScript编程开发教_JS数组


javascript代码实例教程-JavaScript编程开发教_JS数组



(5)reduce()和reduceRight() 使用指定的函数将数组元素进行组合,生成单个值。 使用例子??
(6)indexOf()和lastIndexOf() 搜索整个数组中具有给定值的元素,返回找到的第一个元素的索引,如果没有找到返回-1。 indexOf()正向,lastIndexOf()反向。

javascript代码实例教程-JavaScript编程开发教_JS数组


十、数组类型 判断是不是数组的方法: ecmascript 5 中使用Array.isArray( )判断。 例子:

javascript代码实例教程-JavaScript编程开发教_JS数组


觉得可用,就经常来吧! 脚本宝典 欢迎评论哦!&nbsp;js脚本,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-JavaScript编程开发教_JS数组全部内容,希望文章能够帮你解决javascript代码实例教程-JavaScript编程开发教_JS数组所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。