ITPub博客

首页 > 应用开发 > Javascript > 好程序员分享javascript中数组化的一般见解 

好程序员分享javascript中数组化的一般见解 

原创 Javascript 作者:好程序员IT 时间:2019-04-19 16:20:50 0 删除 编辑

    好程序员 分享 javascript中数组化的一般见解,数组化浏览器中存在许多类数组对象,往往对类数组操作比较麻烦,没有数组那些非常方便的方法,在这种情况下,就有了数组化方法。
  数组化的一般方法
  1.第一种也是我们最常见的的方法,[].slice.call方法
   function toArray(obj){

1.  <p><font size="3">  return [].slice.call(obj);</font></p>

2.  <p><font size="3">  //Array.prototype.slice.call();</font></p>

3.  <p><font size="3">  }</font></p>
  Ps:这种方法,其实就是引用方法,注释的部分为完全写法,返回的就是一个数组对象。

  2.第二种方法借鉴的是jq中的makeArray方法
   function makeArray(obj){

1.  <p><font size="3">  var target = [];</font></p>

2.  <p><font size="3">  if(obj != null){</font></p>

3.  <p><font size="3">  var i = obj.length;</font></p>

4.  <p><font size="3">  if(i = null || typeof obj === 'string' || typeof obj === 'function' || 

5.  obj.setInterval){//</font></p>

     如果是字符串、函数win对象,就把这个元素付给创建数组的第一个元素返回出去;
   target[0] = obj;

1.  <p><font size="3">  }else{//如果不是以上那些元素,通过循环把obj中每一个赋给target的每一个索引;</font></p>

2.  <p><font size="3">  while(i){</font></p>

3.  <p><font size="3">  target[--i] = obj[i];</font></p>

4.  <p><font size="3">  }</font></p>

5.  <p><font size="3">  }</font></p>

6.  <p><font size="3">  }</font></p>

7.  <p><font size="3">  return target;</font></p>


  }

  3.第三种方法
   function $arr(ele) {

1.  <p><font size="3">  if (!ele){</font></p>

2.  <p><font size="3">  return [];</font></p>

3.  <p><font size="3">  }</font></p>

4.  <p><font size="3">  if (ele.toArray){</font></p>

5.  <p><font size="3">  return ele.toArray();</font></p>

6.  <p><font size="3">  }</font></p>

7.  <p><font size="3">  var length = ele.length || 0, results = new Array(length);</font></p>

8.  <p><font size="3">  while (length--){</font></p>

9.  <p><font size="3">  results[length] = ele[length];</font></p>

10.  <p><font size="3">  }</font></p>

11.  <p><font size="3">  return results;</font></p>

12.  <p><font size="3">  }</font></p>


来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/69913892/viewspace-2641966/,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论
欢迎关注公众号:好程序员特训营 web前端教程分享 723729549 大数据教程分享 703503210

注册时间:2019-03-20

  • 博文量
    428
  • 访问量
    263887