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){

  4. <p><font size="3">  var target = [];</font></p>
  5. <p><font size="3">  if(obj != null){</font></p>
  6. <p><font size="3">  var i = obj.length;</font></p>
  7. <p><font size="3">  if(i = null || typeof obj === 'string' || typeof obj === 'function' ||
  8. 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>

javascript中数组化的一般见解的更多相关文章

  1. JavaScript中数组Array方法详解

    ECMAScript 3在Array.prototype中定义了一些很有用的操作数组的函数,这意味着这些函数作为任何数组的方法都是可用的. 1.Array.join()方法 Array.join()方 ...

  2. 前端面试之JavaScript中数组的方法!【残缺版!!】

    前端面试之JavaScript中数组常用的方法 7 join Array.join()方法将数组中所有元素都转化为字符串并连接在-起,返回最后生成的字 符串.可以指定一个可选的字符串在生成的字符串中来 ...

  3. JavaScript中数组操作常用方法

    JavaScript中数组操作常用方法 1.检测数组 1)检测对象是否为数组,使用instanceof 操作符 if(value instanceof Array) { //对数组执行某些操作 } 2 ...

  4. javascript中数组Array的方法

    一.常用方法(push,pop,unshift,shift,join)push pop栈方法,后进先出var a =[1,2,3];console.log(a.push(40)); //4 返回数组的 ...

  5. Javascript中数组

    Javascript中数组 1.什么是数组 所谓的数组就是一组数据的集合,在内存中表现为一段连续的内存地址(保存在堆内存) 2.创建数组的含义 创建数组的目的:就是为了保存更多的数据 3.数组的定义 ...

  6. javascript中数组常用方法总结

    原文:javascript中数组常用方法总结 在javascript的基础编程中,数组是我们最常遇到的,那么数组的一些常用方法也是我们必须要掌握的,下面我们总结一下数组中常用的方法. toString ...

  7. javascript中数组的常用算法深入分析

    Array数组是Javascript构成的一个重要的部分,它可以用来存储字符串.对象.函数.Number,它是非常强大的.因此深入了解Array是前端必修的功课.本文将给大家详细介绍了javascri ...

  8. 总结Javascript中数组各种去重的方法

    相信大家都知道网上关于Javascript中数组去重的方法很多,这篇文章给大家总结Javascript中数组各种去重的方法,相信本文对大家学习和使用Javascript具有一定的参考借鉴价值,有需要的 ...

  9. JavaScript中数组常用方法的总结

    JavaScript中数组Array常用的方法总结 标签(空格分隔): JavaScript ECMAScript数组给我们提供了许多常用的方法,便于我们对数组进行操作,下面,就来总结一下这些方法. ...

随机推荐

  1. JS怎样实现图片的懒加载以及jquery.lazyload.js的使用

    在项目中有时候会用到图片的延迟加载,那么延迟加载的好处是啥呢? 我觉得主要包括两点吧,第一是在包含很多大图片长页面中延迟加载图片可以加快页面加载速度:第二是帮助降低服务器负担. 下面介绍一下常用的延迟 ...

  2. 【20190130】CSS-文字排版

    字间距:letter-space:**px: 禁止中文词内换行:给每个单词设置 white-space: nowrap;

  3. 【读书笔记】iOS-使用钥匙串保护数据

    一,将应用从设备上删除时,并不会删除其钥匙串项,这使得调试工作困难得多.模拟器有一个Reset Contents and Settings选项,可用于将钥匙串项移除.因此,强烈建议在模拟器上确定Key ...

  4. docker研究-2

    容器和虚拟机都是一种虚拟化技术,两者的主要区别: 虚拟机占用资源多,启动慢,荣誉步骤多:而容器启动快,占用资源少,体积小.Docker 属于 Linux 容器的一种封装,提供简单易用的容器使用接口.它 ...

  5. 切换横竖屏的时候Activity的生命周期变化情况

    关于这个,有个博客说得比较清楚:http://blog.csdn.net/wulianghuan/article/details/8603982,直接给出链接,哈哈哈.

  6. git 入门教程之 git 私服搭建教程

    git 私服搭建教程 前几节我们的远程仓库使用的是 github 网站,托管项目大多是公开的,如果不想让任何人都能看到就需要收费,而且 github 网站毕竟在国外,访问速度太慢,基于上述两点原因,我 ...

  7. HanLP汉语言分析框架

    HanLP(Han Language Processing)是由一系列模型与算法组成的Java工具包,目标是普及自然语言处理在生产环境中的应用. HanLP具备功能完善.性能高效.架构清晰.语料时新. ...

  8. java----java垃圾回收算法

    1.引用计数法(Reference Counting Collector) 1.1算法分析 引用计数是垃圾收集器中的早期策略.在这种方法中,堆中每个对象实例都有一个引用计数.当一个对象被创建时,且将该 ...

  9. vue2 学习笔记2

    文中例子代码请参考github 品牌管理案例 添加新品牌 <body> <div id="app"> <div class="panel p ...

  10. 【audio】耳机插拔 线控按键识别流程【转】

    耳机插拔/线控按键识别流程 耳机插拔/线控按键识别流程 1.文档概述 本文以msm8909平台,android N为例,介绍了通用情况下,耳机插拔的流程步骤,以及对耳机类型的识别逻辑.以方便在项目工作 ...