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 = {
length: 2,
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([1, 2, 3])) //[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(1, 2, 3)
console.log(max) //3
//Math.max.apply()求数组中的最大值
var max = Math.max.apply(null, [1, 2, 3]) //等同于: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