非常教程

JavaScript参考手册

排列 | Array

Array.prototype

Array.prototype  属性表示Array 构造函数的原型,并允许您向所有Array对象添加新的属性和方法。

// If JavaScript doesn't provide a first() method natively,
// add a new method returning the first element of an array.

if (!Array.prototype.first) {
  Array.prototype.first = function() {
    return this[0];
  }
}

描述

Array实例继承自Array.prototype 。与所有构造函数一样,您可以更改构造函数的原型对象,以对所有Array 实例进行更改。例如,可以添加新方法和属性以扩展所有Array对象。这用于 polyfilling, 例如。

鲜为人知的事实:Array.prototype本身也是一个 Array

Array.isArray(Array.prototype); // true

| Array.prototype属性的属性特性 |

|:----|

| Writable | no |

| Enumerable | no |

| Configurable | no |

属性

Array.prototype.constructor所有的数组实例都继承了这个属性,它的值就是Array,表明了所有的数组都是由Array构造出来的。

Array.prototype.length上面说了,因为Array.prototype也是个数组,所以它也有length属性,这个值为0,因为它是个空数组。

方法

会改变自身的方法

下面的这些方法会改变调用它们的对象自身的值:

Array.prototype.copyWithin()在数组内部,将一段元素序列拷贝到另一段元素序列上,覆盖原有的值。

Array.prototype.fill()将数组中指定区间的所有元素的值,都替换成某个固定的值。

Array.prototype.pop()删除数组的最后一个元素,并返回这个元素。

Array.prototype.push()在数组的末尾增加一个或多个元素,并返回数组的新长度。

Array.prototype.reverse()颠倒数组中元素的排列顺序,即原先的第一个变为最后一个,原先的最后一个变为第一个。

Array.prototype.shift()删除数组的第一个元素,并返回这个元素。

Array.prototype.sort()对数组元素进行排序,并返回当前数组。

Array.prototype.splice()在任意的位置给数组添加或删除任意个元素。

Array.prototype.unshift()在数组的开头增加一个或多个元素,并返回数组的新长度。

不会改变自身的方法

下面的这些方法绝对不会改变调用它们的对象的值,只会返回一个新的数组或者返回一个其它的期望值。

Array.prototype.concat()返回一个由当前数组和其它若干个数组或者若干个非数组值组合而成的新数组。

Array.prototype.includes()判断当前数组是否包含某指定的值,如果是返回true,否则返回false

Array.prototype.join()连接所有数组元素组成一个字符串。

Array.prototype.slice()抽取当前数组中的一段元素组合成一个新数组。

Array.prototype.toSource()返回一个表示当前数组字面量的字符串。遮蔽了原型链上的Object.prototype.toSource()方法。

Array.prototype.toString()返回一个由所有数组元素组合而成的字符串。遮蔽了原型链上的Object.prototype.toString()方法。

Array.prototype.toLocaleString()返回一个由所有数组元素组合而成的本地化后的字符串。遮蔽了原型链上的Object.prototype.toLocaleString()方法。

遍历方法

在下面的众多遍历方法中,有很多方法都需要指定一个回调函数作为参数。在每一个数组元素都分别执行完回调函数之前,数组的length属性会被缓存在某个地方,所以,如果你在回调函数中为当前数组添加了新的元素,那么那些新添加的元素是不会被遍历到的。此外,如果在回调函数中对当前数组进行了其它修改,比如改变某个元素的值或者删掉某个元素,那么随后的遍历操作可能会受到未预期的影响。总之,不要尝试在遍历过程中对原数组进行任何修改,虽然规范对这样的操作进行了详细的定义,但为了可读性和可维护性,请不要这样做。

Array.prototype.entries()返回一个数组迭代器对象,该迭代器会包含所有数组元素的键值对。

Array.prototype.every()如果数组中的每个元素都满足测试函数,则返回true,否则返回false。

Array.prototype.some()如果数组中至少有一个元素满足测试函数,则返回 true,否则返回 false。

Array.prototype.filter()将所有在过滤函数中返回true的数组元素放进一个新数组中并返回。

Array.prototype.find()找到第一个满足测试函数的元素并返回那个元素的值,如果找不到,则返回undefined

Array.prototype.findIndex()找到第一个满足测试函数的元素并返回那个元素的索引,如果找不到,则返回-1

Array.prototype.keys()返回一个数组迭代器对象,该迭代器会包含所有数组元素的键。

Array.prototype.map()返回一个由回调函数的返回值组成的新数组。

Array.prototype.reduce()从左到右为每个数组元素执行一次回调函数,并把上次回调函数的返回值放在一个暂存器中传给下次回调函数,并返回最后一次回调函数的返回值。

Array.prototype.reduceRight()从右到左为每个数组元素执行一次回调函数,并把上次回调函数的返回值放在一个暂存器中传给下次回调函数,并返回最后一次回调函数的返回值。

Array.prototype.values()返回一个数组迭代器对象,该迭代器会包含所有数组元素的值。

Array.prototype[@@iterator]()和上面的values() 方法是同一个函数。

通用方法

在 JavaScript 中,很多的数组方法被故意设计成是通用的。也就是说,那些看起来像是数组的对象(类数组对象),即拥有一个length属性,以及对应的索引属性(也就是数字类型的属性,比如obj[5])的非数组对象也是可以调用那些数组方法的。其中一些数组方法,比如说join方法,它们只会单纯的读取当前对象的length属性和索性属性的值,并不会尝试去改变这些属性的值。而另外一些数组方法,比如说reverse方法,它们会尝试修改那些属性的值,因此,如果当前对象是个String对象,那么这些方法在执行时就会报错,因为字符串对象的length属性和索引属性都是只读的。

规范

Specification

Status

Comment

ECMAScript 1st Edition (ECMA-262)

Standard

Initial definition.

ECMAScript 5.1 (ECMA-262)The definition of 'Array.prototype' in that specification.

Standard

ECMAScript 2015 (6th Edition, ECMA-262)The definition of 'Array.prototype' in that specification.

Standard

Added the copyWithin(), fill(), entries(), keys(), values(), find(), findIndex() methods.

ECMAScript Latest Draft (ECMA-262)The definition of 'Array.prototype' in that specification.

Living Standard

Added the includes() method.

浏览器兼容性

Feature

Chrome

Edge

Firefox

Internet Explorer

Opera

Safari

Basic Support

(Yes)

(Yes)

(Yes)

(Yes)

(Yes)

(Yes)

Feature

Android

Chrome for Android

Edge mobile

Firefox for Android

IE mobile

Opera Android

iOS Safari

Basic Support

(Yes)

(Yes)

(Yes)

(Yes)

(Yes)

(Yes)

(Yes)

JavaScript

JavaScript 是一种高级编程语言,通过解释执行,是一门动态类型,面向对象(基于原型)的解释型语言。它已经由ECMA(欧洲电脑制造商协会)通过 ECMAScript 实现语言的标准化。它被世界上的绝大多数网站所使用,也被世界主流浏览器( Chrome、IE、FireFox、Safari、Opera )支持。JavaScript 是一门基于原型、函数先行的语言,是一门多范式的语言,它支持面向对象编程,命令式编程,以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式等,不支持 I/O,比如网络