Array.prototype.slice.call()和Array.prototype.push.apply()

Array.prototype.slice.call(arguments)和Array.prototype.push.apply(arr1, arr2)

Array.prototype.slice.call(arguments)

Array.prototype.slice.call(arguments) 能将具有 length 属性的对象(类数组对象)转成数组,除了 IE 下的节点集合(因为 ie 下的 dom 对象是以 com 对象的形式实现的,js 对象与 com 对象不能进行转换)

//定义一个具有length属性的类数组对象
var objArr = { 
    length2
    0'a'
    1'b' 
}
//将类数组对象转换为数组
var arr = Array.prototype.slice.call(objArr)   //简写:var arr = [].slice.call(objArr) 
console.log(arr)   //["a", "b"]

拓展:

call() 方法可以让一个对象调用另一个对象的方法(一个对象继承另一个对象的方法) 默认情况下,对象的方法会被每个 Object 对象继承,为避免方法被修改,使用 call() 来调用 Object 对象原型上的方法

例如:
//Object.prototype.toString.call()判断数据类型,参数调用Object原型上的toString方法
console.log(Object.prototype.toString.call(1))   //[object Number]  Number类型
console.log(Object.prototype.toString.call("a"))   //[object String]  String类型
console.log(Object.prototype.toString.call([123]))   //[object Array]  Array类型

//Object.prototype.hasOwnProperty.call(object,prop)判断对象自身属性中是否具有指定的属性,参数调用Object原型上的hasOwnProperty方法
var obj = {
    name"廊坊吴彦祖"
}
console.log(Object.prototype.hasOwnProperty.call(obj,"name"))   //true
console.log(Object.prototype.hasOwnProperty.call(obj,"age"))   //false
var arr = ["a""b""c"]   //数组的属性为下标
console.log(Object.prototype.hasOwnProperty.call(arr, 0))   //true
console.log(Object.prototype.hasOwnProperty.call(arr, 3))   //false

Array.prototype.push.apply(arr1, arr2)

Array.prototype.push.apply(arr1, arr2) 能将两个数组进行合并(将第二个数组合并到第一个数组,改变第一个数组),返回合并后的数组长度

var arr1 = ["a""b"]
var arr2 = ["c""d"]
//将arr2数组合并到arr1数组
var len = Array.prototype.push.apply(arr1, arr2)   //等同于:arr1.push(...arr2)
console.log(arr1)   //["a", "b", "c", "d"]
console.log(arr2)   //["c", "d"]
console.log(len)   //4
和 concat() 区别
  • concat() 方法用于合并两个或多个数组,该方法不会改变现有的数组,返回合并后的新数组
  • Array.prototype.push.apply(arr1, arr2) 方法用于合并两个数组,该方法将第二个数组合并到第一个数组,改变第一个数组,不改变第二个数组,返回合并后的数组长度

拓展:

apply() 方法可以将数组型参数扩展成参数列表,对于一些需要多个参数的方法,使用 apply() 可以将数组作为参数

例如:
//Math.max()求一组数中的最大值
var max = Math.max(123)
console.log(max)   //3

//Math.max.apply()求数组中的最大值
var max = Math.max.apply(null, [123])   //等同于:var max = Math.max(...[1, 2, 3])
console.log(max)   //3


原文始发于微信公众号(前端24):Array.prototype.slice.call()和Array.prototype.push.apply()

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/217073.html

(0)
李, 若俞的头像李, 若俞

相关推荐

发表回复

登录后才能评论
极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!