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

170 阅读2分钟

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