zoukankan      html  css  js  c++  java
  • JS和jQuery将类数组对象转化成数组对象的几种方法

    1. Array.prototype.slice.call(arrayLike)

    数组的slice()方法可以从已有数组中返回一个新数组,它接受两个参数arr.slice(start,end),第一个参数规定从何处开始选取,第二个参数表示从何处选取结束(不包括),如果不传参将返回原数组的一个副本,但该方法不会修改原数组,而是返回截取的新数组,根据这个就可以将类数组转化成数组对象啦!

    2. Array.prototype.splice.call(arrayLike,0)

    splice(start,count,item)方法传入的参数不同,第一个参数代表开始选取的元素位置,第二个说明选取的元素数量(不传说明从第一个参数位置开始到数组的最后一个元素),第三个参数代表需要添加的元素(将会添加到第一个参数位置上)。

    3. Array.from(array-like) ES6方法

    4. 扩展运算符(...)ES6方法

    1 //arguments对象
    2 function foo(){
    3   var args = [...arguments]
    4 }
    5 //NodeList对象
    6 [...document.querySelectorAll('div')]

    5. 循环遍历类数组对象,push到新创建的数组对象里

    1 var length = arrayLike.length;  
    2 var arr = [];  
    3 for (var i = 0; i < length; i++) {  
    4     arr.push(arrayLike[i]);  
    5     return arr;  
    6 }  

    6. jQuery方法:.get() .toArray()和$.makeArray(obj)

    .get()
    jQuery.map()通常用来处理一个简单的数组或对象,由于返回值是一个jQuery包裹的数组,所以通常会使用get()方法将其转换成普通的数组。例如:

     1   <p></p>
     2   <form>
     3     <input type="text" name="name" value="John"/>
     4  
     5     <input type="text" name="password" value="password"/>
     6     <input type="text" name="url" value="http://ejohn.org/"/>
     7  
     8   </form>
     9 <script>
    10     $("p").append( $("input").map(function(){
    11       return $(this).val();
    12     }).get().join(", ") );       //John, password, http://ejohn.org/
    13 </script>

    .toArray()
    $("div").toArray().reverse()

    $.makeArray(obj)

    1   var obj = $('li');
    2   var arr = $.makeArray(obj);
    3   jQuery.isArray(arr) //true;
  • 相关阅读:
    [转]win7 系统装SQLServer2000 成功。
    Windows CE 电源管理(转贴)
    [转]Win7系统下VS2005_2008不识别WinCE5 SDK
    [转]windows 7 下ASP.net 本地配置 ( IIS 7)
    [转]SelectObject() 装载字体 VC EVC
    Mobile Development: Disable Windows Mobile 6.5 Start and Close Button
    [转]WebForm 与 winform 路径获取
    1. chromedriver的下载和配置
    Slf4j打印异常的堆栈信息
    写个日志请求切面,前后端甩锅更方便
  • 原文地址:https://www.cnblogs.com/liu01321/p/13705771.html
Copyright © 2011-2022 走看看