如何用slice将类数组转换成数组
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了如何用slice将类数组转换成数组,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1916字,纯文字阅读大概需要3分钟。
内容图文
![如何用slice将类数组转换成数组](/upload/InfoBanner/zyjiaocheng/285/6fd17068ee12491b94a8416143516a8d.jpg)
第一部分:
官方文档说:slice是用来截取选取数组的,可传入一个或两个参数,返回值是新数组,不会影响原数组。
先new了Array一个数组 str
var str = new Array(); str[0] = 1; str[1] = 2; str[2] = 3; str[3] = 4; str[4] = 5;
返回值是选取的新数组,原数组是不会被修改的。
如果是一个参数就是从何处开始(下标)选取到数组的末尾。
var strs = str.slice(2); console.log(strs); // [3, 4, 5] console.log(str); // [1, 2, 3, 4, 5]
如果传入二个参数就是从第一个参数(下标)开始选取到第二个参数(下标)结束,但是不包括第二个参数
var strs = str.slice(2,4); console.log(strs); // [3, 4]
如果传入的是负数,规定从数组的尾部开始算起,-1指最后一个元素,-2指倒数第二个元素,以此类推
var strs = str.slice(-2); console.log(strs); // [4, 5]
如果传入两个负数,和上面一样 不过都是都从数组的尾部开始。
var strs = str.slice(-4,-1); console.log(strs); // [2, 3, 4]
如果传入两个参数,第二个参数小于第一个参数,那么结果为空数组(负数也同理)。
var strs = str.slice(-1,1); console.log(strs); // [ ]
好了 上面就是slice函数的使用方式
不过在实践中一般是用来将类数组转换成数组。
这是我之前写的一串HTML代码用来获取类数组
<div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div>
结果如下:
var NodeList = document.querySelectorAll("div"); console.log(NodeList); //NodeList(10) [div, div, div, div, div, div, div, div, div, div] NodeList = [].slice.call(NodeList); console.log(NodeList) //(10) [div, div, div, div, div, div, div, div, div, div]
第一行是先获取一串类数组
第二行是在控制台输出类数组
第三行是转换类数组(需要用变量来接受)或者Array.prototype.slice.call(NodeList)也是可以的,两个是同理
第四行是在控制台输出转换过的数组。
不知道你学会了没?我也不知道学会没,反正我自己敲了好几遍,哈哈。
以上就是如何用slice将类数组转换成数组的详细内容,更多请关注Gxl网其它相关文章!
内容总结
以上是互联网集市为您收集整理的如何用slice将类数组转换成数组全部内容,希望文章能够帮你解决如何用slice将类数组转换成数组所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。