码迷,mamicode.com
首页 > 编程语言 > 详细

《JS权威指南学习总结--7.10 数组类型》

时间:2016-08-25 20:14:54      阅读:118      评论:0      收藏:0      [点我收藏+]

标签:

内容要点:

一.数组类型

     判断它是否为数组通常非常有用。在ES5中,可以使用Array.isArray()函数来做这件事情:

     Array.isArray([]); //=>true

    Array.isArray({}); //=>false

二.类数组对象

      JS数组的有一些特性是其他对象所没有的:

         1.当有新的元素添加到列表中时,自动更新length属性。

         2.设置length为一个较小值将截断数组。

         3.从Array.prototype中继承一些有用的方法。

         4.其类属性为"Array".

      这些特性让JS数组和常规的对象有明显的区别。但是它们不是定义数组的本质特性。

      一种常常完全合理的看法把拥有一个数值length属性和对应非负整数属性的对象看做一种类型的数组。

      实践中这些"类数组"对象实际上偶尔出现,虽然不能在它们之上直接调用数组方法或者期望length属性有什么特殊的行为,但仍然可以用针对真正数组遍历的代码来遍历它们。

      结论就是很多数组算法针对类数组对象工作得很好,就像针对真正的数组一样。

       下面一个函数可以用来检测类数组对象:

          //判定o是否是一个类数组对象

          //字符串和函数有length属性,但是它们可以用typeof检测将其排除。在客户端JS中,DOM文本节点也可以有length属性,需要用额外判断o.nodeType!=3将其排除

         function isArrayLike(o){

            if(o &&            //o非null、undefined等

               typeof o === "object" &&  //o是对象

               isFinite(o.length) &&  //o.length是有限数组

               o.length>=0 &&       //o.length为非负数

               o.length===Math.floor(o.length) &&  //o.length是整数

               o.length<4294967296)       //o.length< 2^23       

              return true;              // o是类数组对象

           else

              return false;       //否则它不是

}

三.作为数组的字符串

    在ES5中,字符串的行为类似于只读的数组。可以使用charAt()方法来访问单个的字符,还可以使用方括号:

      var s = test;

       s.charAt(0) //=> "t"

       s[1]    //=> "e"   当然,针对字符串的typeof操作符仍然返回 "string",但是如果给Array.isArray()传递字符串,它将返回false。

   可索引的字符串的最大的好处就是简单,用方括号代替了charAt()调用,这样更加简洁、可读并且可能更高效。

   不仅如此,字符串的行为类似于数组的事实使得通用的数组方法可以应用到字符串上,

   例如:

       s = "Javascript"

      Array.prototype.join.call(s,"")  //=> "J a v a s c r i p t"

     Array.prototype.filter.call(s,                     //过滤字符串中的字符

       function(x){                    

           return x.match(/[^aeiou]/);            //只匹配非元音字母      

 }).join("")                                             //=> "Jvsrpt"

 

《JS权威指南学习总结--7.10 数组类型》

标签:

原文地址:http://www.cnblogs.com/hanxuming/p/5808058.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!