JavaScript Array 对象及 reverse 方法

谁践踏了优雅 2022-04-24 00:48 325阅读 0赞

## 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 对象属性 ##

<table> 
 <tbody> 
  <tr> 
   <th>属性</th> 
   <th>描述</th> 
  </tr> 
  <tr> 
   <td><a href="http://www.w3school.com.cn/jsref/jsref_constructor_array.asp" rel="nofollow">constructor</a></td> 
   <td>返回对创建此对象的数组函数的引用。</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.w3school.com.cn/jsref/jsref_length_array.asp" rel="nofollow">length</a></td> 
   <td>设置或返回数组中元素的数目。</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.w3school.com.cn/jsref/jsref_prototype_array.asp" rel="nofollow">prototype</a></td> 
   <td>使您有能力向对象添加属性和方法。</td> 
  </tr> 
 </tbody> 
</table>

定义和用法
    prototype 属性使您有能力向对象添加属性和方法。
    
    语法
    object.prototype.name=value
    实例
    在本例中，我们将展示如何使用 prototype 属性来向对象添加属性：
    
    <script type="text/javascript">
    
    function employee(name,job,born)
    {
        this.name=name;
        this.job=job;
        this.born=born;
    }
    var bill=new employee("Bill Gates","Engineer",1985);
    
    employee.prototype.salary=null;
    bill.salary=20000;
    
    document.write(bill.salary);
    
    </script>

## Array 对象方法 ##

<table> 
 <tbody> 
  <tr> 
   <th>方法</th> 
   <th>描述</th> 
  </tr> 
  <tr> 
   <td><a href="http://www.w3school.com.cn/jsref/jsref_concat_array.asp" rel="nofollow">concat()</a></td> 
   <td>连接两个或更多的数组，并返回结果。</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.w3school.com.cn/jsref/jsref_join.asp" rel="nofollow">join()</a></td> 
   <td>把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.w3school.com.cn/jsref/jsref_pop.asp" rel="nofollow">pop()</a></td> 
   <td>删除并返回数组的最后一个元素</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.w3school.com.cn/jsref/jsref_push.asp" rel="nofollow">push()</a></td> 
   <td>向数组的末尾添加一个或更多元素，并返回新的长度。</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.w3school.com.cn/jsref/jsref_reverse.asp" rel="nofollow">reverse()</a></td> 
   <td>颠倒数组中元素的顺序。</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.w3school.com.cn/jsref/jsref_shift.asp" rel="nofollow">shift()</a></td> 
   <td>删除并返回数组的第一个元素</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.w3school.com.cn/jsref/jsref_slice_array.asp" rel="nofollow">slice()</a></td> 
   <td>从某个已有的数组返回选定的元素</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.w3school.com.cn/jsref/jsref_sort.asp" rel="nofollow">sort()</a></td> 
   <td>对数组的元素进行排序</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.w3school.com.cn/jsref/jsref_splice.asp" rel="nofollow">splice()</a></td> 
   <td>删除元素，并向数组添加新元素。</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.w3school.com.cn/jsref/jsref_tosource_array.asp" rel="nofollow">toSource()</a></td> 
   <td>返回该对象的源代码。</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.w3school.com.cn/jsref/jsref_toString_array.asp" rel="nofollow">toString()</a></td> 
   <td>把数组转换为字符串，并返回结果。</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.w3school.com.cn/jsref/jsref_toLocaleString_array.asp" rel="nofollow">toLocaleString()</a></td> 
   <td>把数组转换为本地数组，并返回结果。</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.w3school.com.cn/jsref/jsref_unshift.asp" rel="nofollow">unshift()</a></td> 
   <td>向数组的开头添加一个或更多元素，并返回新的长度。</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.w3school.com.cn/jsref/jsref_valueof_array.asp" rel="nofollow">valueOf()</a></td> 
   <td>返回数组对象的原始值</td> 
  </tr> 
 </tbody> 
</table>

定义和用法
    split() 方法用于把一个字符串分割成字符串数组。
    
    语法
    stringObject.split(separator,howmany)
    参数	描述
    separator	必需。字符串或正则表达式，从该参数指定的地方分割 stringObject。
    howmany	可选。该参数可指定返回的数组的最大长度。如果设置了该参数，返回的子串不会多于这个参数指定的数组。如果没有设置该参数，整个字符串都会被分割，不考虑它的长度。
    返回值
    一个字符串数组。该数组是通过在 separator 指定的边界处将字符串 stringObject 分割成子串创建的。返回的数组中的字串不包括 separator 自身。
    
    但是，如果 separator 是包含子表达式的正则表达式，那么返回的数组中包括与这些子表达式匹配的字串（但不包括与整个正则表达式匹配的文本）。
    
    提示和注释
    注释：如果把空字符串 ("") 用作 separator，那么 stringObject 中的每个字符之间都会被分割。
    
    注释：String.split() 执行的操作与 Array.join 执行的操作是相反的。
    
    实例
    例子 1
    在本例中，我们将按照不同的方式来分割字符串：
    
    <script type="text/javascript">
    
    var str="How are you doing today?"
    document.write(str.split(" ") + "<br />")
    document.write(str.split("") + "<br />")
    document.write(str.split(" ",3))
    
    </script>
    
    输出：
    
    How,are,you,doing,today?
    H,o,w, ,a,r,e, ,y,o,u, ,d,o,i,n,g, ,t,o,d,a,y,?
    How,are,you
    例子 2
    在本例中，我们将分割结构更为复杂的字符串：
    
    "2:3:4:5".split(":")	//将返回["2", "3", "4", "5"]
    "|a|b|c".split("|")	//将返回["", "a", "b", "c"]
    例子 3
    使用下面的代码，可以把句子分割成单词：
    
    var words = sentence.split(' ')
    或者使用正则表达式作为 separator：
    
    var words = sentence.split(/\s+/)
    例子 4
    如果您希望把单词分割为字母，或者把字符串分割为字符，可使用下面的代码：
    
    "hello".split("")	//可返回 ["h", "e", "l", "l", "o"]
    若只需要返回一部分字符，请使用 howmany 参数：
    
    "hello".split("", 3)	//可返回 ["h", "e", "l"]

JavaScript reverse() 方法

定义和用法
    reverse() 方法用于颠倒数组中元素的顺序。
    
    语法
    arrayObject.reverse()
    提示和注释
    注释：该方法会改变原来的数组，而不会创建新的数组。
    
    实例
    在本例中，我们将创建一个数组，然后颠倒其元素的顺序：
    
    <script type="text/javascript">
    
    var arr = new Array(3)
    arr[0] = "George"
    arr[1] = "John"
    arr[2] = "Thomas"
    
    document.write(arr + "<br />")
    document.write(arr.reverse())
    
    </script>
    输出：
    
    George,John,Thomas
    Thomas,John,George