javascript数组的属性及方法总结

小咪咪 2022-04-05 15:40 208阅读 0赞

借鉴于:[http://www.w3school.com.cn/jsref/jsref\_obj\_array.asp][http_www.w3school.com.cn_jsref_jsref_obj_array.asp]  
外加一些个人总结

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

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

## Array 对象方法 ##

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

## 会改变原数组的方法 ##

shift：将第一个元素删除并且返回删除元素，空即为undefined unshift：向数组开头添加元素，并返回新的长度 pop：删除最后一个并返回删除的元素 push：向数组末尾添加元素，并返回新的长度 reverse：颠倒数组顺序 sort：对数组排序 splice:splice(start,length,item)删，增，替换数组元素，返回被删除数组，无删除则不返回

## 不会改变原数组的方法 ##

concat：连接多个数组，返回新的数组 join：将数组中所有元素以参数作为分隔符放入一个字符 slice：slice(start,end)，返回选定元素 map,filter,forEach,some,every等不改变原数组

## splice和slice的区别 ##

splice(i,j,”a”) 删除，添加元素，splice() 方法与 slice() 方法的作用是不同的，splice() 方法会直接对数组进行修改。从i开始删j个(包括i),并将”a”插入到i处。 slice(start,end) 从某个已有的数组返回选定的元素，从start位开始返回到end（包括start不包括end）如果是负数，表示从数组尾部进行计算（同样：包括start不包括end）,请注意，该方法并不会修改数组，而是返回一个子数组。

[http_www.w3school.com.cn_jsref_jsref_obj_array.asp]: http://www.w3school.com.cn/jsref/jsref_obj_array.asp