1.Array.slice(startIndex,endIndex);

返回由原始数组从startIndex到endIndex-1的元素构成的新数组;

startIndex:默认值0,如果startIndex是负数,则起点从数组的结尾开始,-1表示最后一个元素

endIndex:默认值16777215,如果省略该参数,则片段包括从数组中的startIndex到结尾,如果是负数,则从数组的结尾计数,-1表示数组的最后一个元素

startIndex的位置一定要在endIndex的左边,因为对原始数组的拾取元素是从左往右的

<script >
    var a = [1,2,3,4,5,6,7,8];
    console.log(a.slice(1,4)); //2,3,4
    console.log(a.slice(-2,4)); //空
    console.log(a.slice(1,-3)); //2,3,4,5
    console.log(a.slice(-4,-2)); //5,6
    console.log(a.slice(-4,-5)); //空
</script>

2.将类数组转换成真正的数组

什么是类数组?只要你这个对象里面有length属性,你就可以对外声称自己是类数组。

类数组转换成数组是通过Array.prototype.slice.call(obj)来实现的。

举例:

<script >
    var obj = {
        length:3,
        0:"aaa",
        1:"bbb",
        "name":"pmx"
    }

    var arr = Array.prototype.slice.call(obj)
    console.log(arr);
</script>

这里slice方法解析obj对象,并返回数组arr,arr中的length就是来自于obj中的length属性。slice会扫描obj对象中的属性名能作为索引数组下标的属性,比如这里的0,1。然后将符合的属性作为元素添加到新数组中。

<script >
        var obj = {
            length:5,
            1:"aaa",

            3:"ccc",
            4:"bbb",
            "name":"pmx",
            5:"ddd"

        }

        var arr = Array.prototype.slice.call(obj)
        console.log(arr);
    </script>

数组长度5,将obj对象中属性名小于5的键值对添加到新数组中

由于Array.prototype.slice目的是为了调用slice方法,我们可以[].slice.call(obj),效果一样滴-_-

JS之Array.slice()方法的更多相关文章

  1. js中Array对象方法详解

    操作方法:concat() slice() splice() concat()方法可以基于当前数组中的所有项创建一个新数组.具体来说,这个方法会创建当前数组一个副本,将接收到参数添加到副本的末尾,最后 ...

  2. 兼容低版本JS的Array.map方法

    前几天去别的公司面试遇到个这样的问题,兼容IE7下的Array.map方法,一脸蒙蔽.后面回来查了下资料发现.Array.map方法是ECMA-262 标准中新添加的方法,在低版本的JS中是木有的. ...

  3. JS 中 Array.slice() 和 Array.splice()方法

    slice slice()就是对应String的substring()版本,它截取Array的部分元素,然后返回一个新的Array: var arr = ['A', 'B', 'C', 'D', 'E ...

  4. js中Array数组的属性和方法

    这是我自己整理出来的一些关于Array数组的属性和方法,即查即用. 1.Array.length属性:数组的项数组,始终返回0或者更大的值. 2.instanceof操作符:value instanc ...

  5. JS - Array.slice 与 Array.splice

    1)Array.slice方法   1.1)接收两个参数:              a:起始下标              b:结束下标   1.2)返回由a(包括)至b(不包括)的元素所组成的数组 ...

  6. js原生api之String的slice方法

    我们在工作中可能会很少进行这样的思考,对于一些常用的原生api它是如何实现的呢,如果让我们去用js实现一个与原生api功能相同的函数我们该如何设计算法去实现呢? 为了巩固自己的编程技术和提高自己的编程 ...

  7. JS的splice()方法和slice()方法

    在w3c school中描述如下: 定义和用法splice() 方法用于插入.删除或替换数组的元素.语法arrayObject.splice(index,howmany,element1,....., ...

  8. String方法,js中Array方法,ES5新增Array方法,以及jQuery中Array方法

    相关阅读:https://blog.csdn.net/u013185654/article/details/78498393 相关阅读:https://www.cnblogs.com/huangyin ...

  9. js 字符串截取 substring() 方法、 substr() 方法、slice() 方法、split() 、join();

    三种 js 截取字符串的方法: substring() 方法: substr() 方法: slice() 方法: 1.:substring() 方法:string.substring(from, to ...

随机推荐

  1. TYVJ P1068 STR Label:KMP匹配 不懂

    描述 给你两个串A,B,可以得到从A的任意位开始的子串和B匹配的长度.给定K个询问,对于每个询问给定一个x,求出匹配长度恰为x的位置有多少个.N,M,K<=200000 输入格式 第一行三个数  ...

  2. Centos GPG key retrieval failed: [Errno 14] Could not open/read file:///etc/pki/rpm-gpg/RPM-GPG-KEY-EPEL

    warning: rpmts_HdrFromFdno: Header V3 RSA/SHA256 Signature, key ID 0608b895: NOKEYRetrieving key fro ...

  3. jQuery加载外部文件的方式get、post、ajax、load的区别及异步加载的实现

    一.$.post(url, [data], [callback], [type])  url (String) : 发送请求的URL地址. data (Map) : (可选) 要发送给服务器的数据,以 ...

  4. QLineEdit 使用方法

    在Qt中,QLineEdit是文本编辑框控件,是比较基础且常用的控件的之一,下面是其的一些基本操作. 比如: 禁用或启用该控件 // lineedit is the object name of QL ...

  5. [转载]CString类常用方法----Left(),Mid(),Right()……

    CStringLeft(intnCount)const; //从左边1开始获取前 nCount个字符 CStringMid(intnFirst)const; //从左边第 nCount+1个字符开始, ...

  6. android之初识Intent

    首先修改values\strings.xml文件 代码如下: <resources> <string name="app_name">mytab</s ...

  7. PHP有两个不同的版本:4.x系列版本和5.x系列版本

    在为用户提供动态内容方面,PHP和MySQL是一个强大的组合.这些年来,这两项产品已经跨越了它们最初的应用舞台,现在,一些世界上最繁忙的网站也在应用它们.虽然它们当初都是开源软件,只能在UNIX/Li ...

  8. Scrum会议2(Beta版本)

    组名:奋斗吧兄弟 组长:王森 组员:张政.张金生.林莉.胡丽娜 代码地址:HTTPS:https://git.coding.net/jx8zjs/llk.git SSH:git@git.coding. ...

  9. ZOJ 2975 思维

    题意 给出一个矩形 问在其中存在多少子矩形 其四个角上的字母是一样的 一开始暴力写了一发 先枚举行数 再枚举两个列数 再向下枚举行数 判断能否 没有意外的超时了 后来想了想 当我们已经确定两个列数的时 ...

  10. memcached学习笔记4--memcache扩展操作memcached

    1. 安装并配置memcache扩展库 找到php.ini文件 添加: extendsion= php_memcache.dll 并把对应的dll文件拷贝到ext目录 2. 使用PHP对Memcahc ...