JavaSript的Array对象属性和方法(附示例代码)

分手后的思念是犯贱 2022-12-03 09:46 238阅读 0赞

### 文章目录 ###

*  Array 对象
 *  Array 对象属性
 *   *  constructor
     *   *   *  例子 1
             *  例子 2
     *  length
     *   *   *  实例
 *  Array 对象方法
 *   *  concat()：用于连接两个或多个数组。
     *   *   *  例子 1
             *  例子 2
             *  例子 3
     *  join() ：把数组中的所有元素放入一个字符串
     *   *   *  例子 1
             *  例子 2
     *  pop() :用于删除并返回数组的最后一个元素。
     *   *   *  实例
     *  push() :可向数组的末尾添加一个或多个元素，并返回新的长度。
     *   *   *  实例
     *  reverse() :用于颠倒数组中元素的顺序。
     *   *   *  实例
     *  shift() :用于把数组的第一个元素从其中删除，并返回第一个元素的值。
     *   *   *  实例
     *  unshift() :可向数组的开头添加一个或更多元素，并返回新的长度。
     *   *   *  实例
     *  slice() :可从已有的数组中返回选定的元素。
     *   *   *  例子 1:创建一个新数组，从其中选取的元素
             *  例子 2: 创建一个新数组，然后从其中选取的元素
     *  splice() ：向/从数组中添加/删除项目，然后返回被删除的项目。
     *   *   *  例子 1:创建一个新数组，并向其添加一个元素：
             *  例子 2: 替换位于 index 2 的元素
             *  例子 3: 将删除从 index 2 ("Thomas") 开始的三个元素，并添加一个新元素 ("William") 来替代被删除的元素
     *  sort() 方法用于对数组的元素进行排序。
     *   *   *  例子 1:创建一个数组，并按字母顺序进行排序：
             *  例子 2:创建一个数组，并按字母顺序进行排序：
     *  toSource() :表示对象的源代码。
     *   *   *  实例
     *  toString() :把数组转换为字符串，并返回结果。
     *   *   *  实例
     *  toLocaleString把数组转换为本地字符串。
     *   *   *  实例
     *  valueOf() 方法返回 Array 对象的原始值。

# Array 对象 #

Array 对象用于在单个的变量中存储多个值。

**创建 Array 对象的语法：**

new Array();
    new Array(size);
    new Array(element0, element1, ..., elementn);

**参数**  
参数 `size` 是期望的数组元素个数。返回的数组，length 字段将被设为 size 的值。

参数 `element ..., elementn` 是参数列表。当使用这些参数来调用构造函数 Array() 时，新创建的数组的元素就会被初始化为这些值。它的 length 字段也会被设置为参数的个数。

**返回值**  
返回新创建并被初始化了的数组。

*  如果调用构造函数 Array() 时没有使用参数，那么返回的数组为空，length 字段为 0。
 *  当调用构造函数时只传递给它一个数字参数，该构造函数将返回具有指定个数、元素为 undefined 的数组。
 *  当其他参数调用 Array() 时，该构造函数将用参数指定的值初始化数组。
 *  当把构造函数作为函数调用，不使用 new 运算符时，它的行为与使用 new 运算符调用它时的行为完全一样。

# Array 对象属性 #

## constructor ##

constructor 属性返回对创建此对象的数组函数的引用。

**语法**

object.constructor

#### 例子 1 ####

输出：

This is an Array

#### 例子 2 ####

输出：

function employee(name, job, born)
    {this.name = name; this.job = job; this.born = born;}

## length ##

length 属性可设置或返回数组中元素的数目。

**语法**

arrayObject.length

*  数组的 length 属性总是比数组中定义的最后一个元素的下标大 1。对于那些具有连续元素，而且以元素 0 开始的常规数组而言，属性 length 声明了数组中的元素的个数。
 *  数组的 length 属性在用构造函数 Array() 创建数组时被初始化。给数组添加新元素时，如果必要，将更新 length 的值。
 *  设置 length 属性可改变数组的大小。如果设置的值比其当前值小，数组将被截断，其尾部的元素将丢失。如果设置的值比它的当前值大，数组将增大，新的元素被添加到数组的尾部，它们的值为 undefined。

#### 实例 ####

输出：

Original length: 3
    New length: 5

# Array 对象方法 #

## concat()：用于连接两个或多个数组。 ##

该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。

**语法**

arrayObject.concat(arrayX,arrayX,......,arrayX)

<table> 
 <thead> 
  <tr> 
   <th>参数</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>arrayX</td> 
   <td>必需。该参数可以是具体的值，也可以是数组对象。可以是任意多个。</td> 
  </tr> 
 </tbody> 
</table>

**返回值**  
返回一个新的数组。该数组是通过把所有 arrayX 参数添加到 arrayObject 中生成的。如果要进行 concat() 操作的参数是数组，那么添加的是数组中的元素，而不是数组。

#### 例子 1 ####

在本例中，我们将把 concat() 中的参数连接到数组 a 中：

输出：

1,2,3,4,5

#### 例子 2 ####

在本例中，我们创建了两个数组，然后使用 concat() 把它们连接起来：

输出：

George,John,Thomas,James,Adrew,Martin

#### 例子 3 ####

在本例中，我们创建了三个数组，然后使用 concat() 把它们连接起来：

输出：

George,John,Thomas,James,Adrew,Martin,William,Franklin

## join() ：把数组中的所有元素放入一个字符串 ##

元素是通过指定的分隔符进行分隔的。

**语法**

arrayObject.join(separator)

<table> 
 <thead> 
  <tr> 
   <th>参数</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>separator</td> 
   <td>可选。指定要使用的分隔符。如果省略该参数，则使用逗号作为分隔符。</td> 
  </tr> 
 </tbody> 
</table>

**返回值**  
返回一个字符串。该字符串是通过把 arrayObject 的每个元素转换为字符串，然后把这些字符串连接起来，在两个元素之间插入 separator 字符串而生成的。

#### 例子 1 ####

在本例中，我们将创建一个数组，然后把它的所有元素放入一个字符串：

输出：

George,John,Thomas

#### 例子 2 ####

在本例中，我们将使用分隔符来分隔数组中的元素：

输出：

George.John.Thomas

## pop() :用于删除并返回数组的最后一个元素。 ##

**语法**

arrayObject.pop()

**返回值**  
arrayObject 的最后一个元素。

**说明**

*  pop() 方法将删除 arrayObject 的最后一个元素，把数组长度减 1，并且返回它删除的元素的值。
 *  如果数组已经为空，则 pop() 不改变数组，并返回 undefined 值。

#### 实例 ####

在本例中，我们将创建一个数组，然后删除数组的最后一个元素。请注意，这也会改变数组的长度：

输出：

George,John,Thomas
    Thomas
    George,John

## push() :可向数组的末尾添加一个或多个元素，并返回新的长度。 ##

**语法**

arrayObject.push(newelement1,newelement2,....,newelementX)

<table> 
 <thead> 
  <tr> 
   <th>参数</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>newelement1</td> 
   <td>必需。要添加到数组的第一个元素。</td> 
  </tr> 
  <tr> 
   <td>newelement2</td> 
   <td>可选。要添加到数组的第二个元素。</td> 
  </tr> 
  <tr> 
   <td>newelementX</td> 
   <td>可选。可添加多个元素。</td> 
  </tr> 
 </tbody> 
</table>

**返回值**  
把指定的值添加到数组后的新长度。

**说明**

*  push() 方法可把它的参数顺序添加到 arrayObject 的尾部。
 *  它**直接修改** arrayObject，而不是创建一个新的数组。
 *  push() 方法和 pop() 方法使用数组提供的先进后出**栈**的功能。
 *  该方法会改变数组的长度。
 *   *  要想数组的**开头**添加一个或多个元素，请使用 unshift() 方法。

#### 实例 ####

在本例中，我们将创建一个数组，并通过添加一个元素来改变其长度：

输出：

George,John,Thomas
    4
    George,John,Thomas,James

## reverse() :用于颠倒数组中元素的顺序。 ##

**语法**

arrayObject.reverse()

*  该方法会改变原来的数组，而不会创建新的数组。

#### 实例 ####

在本例中，我们将创建一个数组，然后颠倒其元素的顺序：

输出：

George,John,Thomas
    Thomas,John,George

## shift() :用于把数组的第一个元素从其中删除，并返回第一个元素的值。 ##

**语法**

arrayObject.shift()

**返回值**  
数组原来的第一个元素的值。

**说明**

*  如果数组是空的，那么 shift() 方法将不进行任何操作，返回 undefined 值。请注意，该方法不创建新数组，而是直接修改原有的 arrayObject。
 *  该方法会改变数组的长度。
 *  要删除并返回数组的最后一个元素，请使用 pop() 方法。

#### 实例 ####

在本例中，我们将创建一个数组，并删除数组的第一个元素。请注意，这也将改变数组的长度：

输出：

George,John,Thomas
    George
    John,Thomas

## unshift() :可向数组的开头添加一个或更多元素，并返回新的长度。 ##

**语法**

arrayObject.unshift(newelement1,newelement2,....,newelementX)

<table> 
 <thead> 
  <tr> 
   <th>参数</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>newelement1</td> 
   <td>必需。向数组添加的第一个元素。</td> 
  </tr> 
  <tr> 
   <td>newelement2</td> 
   <td>可选。向数组添加的第二个元素。</td> 
  </tr> 
  <tr> 
   <td>newelementX</td> 
   <td>可选。可添加若干个元素。</td> 
  </tr> 
 </tbody> 
</table>

**返回值**  
arrayObject 的新长度。

**说明**

*  unshift() 方法将把它的参数插入 arrayObject 的头部，并将已经存在的元素顺次地移到较高的下标处，以便留出空间。该方法的第一个参数将成为数组的新元素 0，如果还有第二个参数，它将成为新的元素 1，以此类推。
 *  请注意，unshift() 方法不创建新的创建，而是直接修改原有的数组。
 *  该方法会改变数组的长度。
 *  unshift() 方法无法在 Internet Explorer 中正确地工作！
 *  要把一个或多个元素添加到数组的尾部，请使用 push() 方法。

#### 实例 ####

在本例中，我们将创建一个数组，并把一个元素添加到数组的开头，并返回数组的新长度：

输出：

George,John,Thomas
    4
    William,George,John,Thomas

## slice() :可从已有的数组中返回选定的元素。 ##

**语法**

arrayObject.slice(start,end)

<table> 
 <thead> 
  <tr> 
   <th>参数</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>start</td> 
   <td>必需。规定从何处开始选取。<br>如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推。</td> 
  </tr> 
  <tr> 
   <td>end</td> 
   <td>可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数，那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数，那么它规定的是从数组尾部开始算起的元素。</td> 
  </tr> 
 </tbody> 
</table>

**返回值**  
返回一个新的数组，包含从 start 到 end （不包括该元素）的 arrayObject 中的元素。

**说明**

*  该方法并不会修改数组，而是返回一个子数组。如果想删除数组中的一段元素，应该使用方法 Array.splice()。
 *  您可使用负值从数组的尾部选取元素。
 *  如果 end 未被规定，那么 slice() 方法会选取从 start 到数组结尾的所有元素。

#### 例子 1:创建一个新数组，从其中选取的元素 ####

输出：

George,John,Thomas
    John,Thomas
    George,John,Thomas

#### 例子 2: 创建一个新数组，然后从其中选取的元素 ####

输出：

George,John,Thomas,James,Adrew,Martin
    Thomas,James
    George,John,Thomas,James,Adrew,Martin

## splice() ：向/从数组中添加/删除项目，然后返回被删除的项目。 ##

该方法会改变原始数组。

**语法**

arrayObject.splice(index,howmany,item1,.....,itemX)

<table> 
 <thead> 
  <tr> 
   <th>参数</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>index</td> 
   <td>必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。</td> 
  </tr> 
  <tr> 
   <td>howmany</td> 
   <td>必需。要删除的项目数量。如果设置为 0，则不会删除项目。</td> 
  </tr> 
  <tr> 
   <td>item1, …, itemX</td> 
   <td>可选。向数组添加的新项目。</td> 
  </tr> 
 </tbody> 
</table>

**返回值**

<table> 
 <thead> 
  <tr> 
   <th>类型</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>Array</td> 
   <td>包含被删除项目的新数组，如果有的话。</td> 
  </tr> 
 </tbody> 
</table>

*  splice() 方法可删除从 index 处开始的零个或多个元素，并且用参数列表中声明的一个或多个值来替换那些被删除的元素。
 *  如果从 arrayObject 中删除了元素，则返回的是含有被删除的元素的数组。

**技术细节**  
JavaScript 版本： 1.2  
**浏览器支持**  
所有主流浏览器都支持 splice() 方法。

*  splice() 方法与 slice() 方法的作用是不同的，splice() 方法会直接对数组进行修改。

#### 例子 1:创建一个新数组，并向其添加一个元素： ####

输出：

George,John,Thomas,James,Adrew,Martin
    George,John,William,Thomas,James,Adrew,Martin

#### 例子 2: 替换位于 index 2 的元素 ####

输出：

George,John,Thomas,James,Adrew,Martin
    George,John,William,James,Adrew,Martin

#### 例子 3: 将删除从 index 2 (“Thomas”) 开始的三个元素，并添加一个新元素 (“William”) 来替代被删除的元素 ####

输出：

George,John,Thomas,James,Adrew,Martin
    George,John,William,Martin

## sort() 方法用于对数组的元素进行排序。 ##

**语法**

arrayObject.sort(sortby)

<table> 
 <thead> 
  <tr> 
   <th>参数</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>sortby</td> 
   <td>可选。规定排序顺序。必须是函数。</td> 
  </tr> 
 </tbody> 
</table>

**返回值**  
对数组的引用。请注意，数组在原数组上进行排序，不生成副本。

**说明**

*  如果调用该方法时没有使用参数，将按字母顺序对数组中的元素进行排序，说得更精确点，是按照字符编码的顺序进行排序。要实现这一点，首先应把数组的元素都转换成字符串（如有必要），以便进行比较。
 *  如果想按照其他标准进行排序，就需要提供比较函数，该函数要比较两个值，然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b，其返回值如下：  
    若 a 小于 b，在排序后的数组中 a 应该出现在 b 之前，则返回一个小于 0 的值。  
    若 a 等于 b，则返回 0。  
    若 a 大于 b，则返回一个大于 0 的值。

#### 例子 1:创建一个数组，并按字母顺序进行排序： ####

输出：

George,John,Thomas,James,Adrew,Martin
    Adrew,George,James,John,Martin,Thomas

#### 例子 2:创建一个数组，并按字母顺序进行排序： ####

输出：

10,5,40,25,1000,1
    1,10,1000,25,40,5

请注意，上面的代码没有按照数值的大小对数字进行排序，要实现这一点，就必须使用一个排序函数：

输出：

10,5,40,25,1000,1
    1,5,10,25,40,1000

## toSource() :表示对象的源代码。 ##

该原始值由 Array 对象派生的所有对象继承。

toSource() 方法通常由 JavaScript 在后台自动调用，并不显式地出现在代码中。