当前位置: 首页 > news >正文

[].slice.call()将类数组转化为真正的数组

JavaScript slice() 方法:

定义:

从数组中切割指定元素,返回新的一个数组

语法:(左闭右开)

arrObject.slice(start,end);
参数描述
start必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。
end可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。

 

返回值:

返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。

function test() {
    return  [].slice.call(arguments)
}
var list = test(4, 5, 6) // [4,5,6]
[].slice === Array.prototype.slice; // true

在上面的例子中我们通过call()将[].slice中的this指向了arguments,使其拥有了slice方法。slice()如果不传参则是从第0项开始截取到length-1项并返回截取后的数组[4,5,6]上面其实就是省略了call()的第二个参数,你可以把它看作为[].slice.call(arguments,0);

var arrayLike = {
  0: 'a',
  1: 'b',
  2: 'c',
  length: 3
}

[].slice.call(arrayLike);//[a,b,c]

 

相关文章:

  • 微信h5输入框键盘兼容问题
  • CSS与GPU硬件加速(二三四五面试题)
  • 简单快速理解js中的this、call和apply
  • 点击按钮,让页面滚动到指定位置的方法
  • 类数组转化为真实的数组
  • WebStorm设置编辑器背景图片
  • 前端跳槽潮中面试官希望看到什么亮点?
  • 使用lighthouse分析你的网站性能
  • CSS选择器之兄弟选择器(~和+)
  • JS实现字符串翻转的方法分析
  • js 函数重载
  • 从两个角度理解为什么 JS 中没有函数重载
  • Promise.all和Promise.race区别,和使用场景
  • js 判断当前时间是否处于某个时间段内
  • 请描述一下 cookies,sessionStorage 和 localStorage 的区别
  • 【翻译】Mashape是如何管理15000个API和微服务的(三)
  • co模块的前端实现
  • ES10 特性的完整指南
  • Git初体验
  • go append函数以及写入
  • Gradle 5.0 正式版发布
  • JavaScript 基础知识 - 入门篇(一)
  • java架构面试锦集:开源框架+并发+数据结构+大企必备面试题
  • js数组之filter
  • Odoo domain写法及运用
  • Zepto.js源码学习之二
  • 好的网址,关于.net 4.0 ,vs 2010
  • 前端面试之闭包
  • 容器服务kubernetes弹性伸缩高级用法
  • 如何设计一个比特币钱包服务
  • 数据库写操作弃用“SELECT ... FOR UPDATE”解决方案
  • 算法---两个栈实现一个队列
  • 详解NodeJs流之一
  • MiKTeX could not find the script engine ‘perl.exe‘ which is required to execute ‘latexmk‘.
  • 新海诚画集[秒速5センチメートル:樱花抄·春]
  • 正则表达式-基础知识Review
  • ​VRRP 虚拟路由冗余协议(华为)
  • ​油烟净化器电源安全,保障健康餐饮生活
  • #{}和${}的区别?
  • #LLM入门|Prompt#1.8_聊天机器人_Chatbot
  • %check_box% in rails :coditions={:has_many , :through}
  • (Java岗)秋招打卡!一本学历拿下美团、阿里、快手、米哈游offer
  • (react踩过的坑)antd 如何同时获取一个select 的value和 label值
  • (附源码)ssm航空客运订票系统 毕业设计 141612
  • (使用vite搭建vue3项目(vite + vue3 + vue router + pinia + element plus))
  • (转)Google的Objective-C编码规范
  • (转)linux 命令大全
  • .FileZilla的使用和主动模式被动模式介绍
  • .NET 2.0中新增的一些TryGet,TryParse等方法
  • .NET CF命令行调试器MDbg入门(二) 设备模拟器
  • .NET Micro Framework初体验(二)
  • :中兴通讯为何成功
  • @NestedConfigurationProperty 注解用法
  • @Transactional注解下,循环取序列的值,但得到的值都相同的问题
  • [ linux ] linux 命令英文全称及解释