js Array数组的使用

 

js Array数组的使用

 
 
  1.    
  2. Array是javascript中的一个事先定义好的对象(也可以称作一个类),可以直接使用  
  3.   
  4. 创建Array对象  
  5. var array=new Array();  
  6. 创建指定元素个数的Array对象  
  7. var  array=new Array(23);  
  8.   
  9. 创建具有指定元素的Array对象:  
  10. var array=new Array(‘张飒’,'李四','物流','张贲');  
  11.   
  12.   
  13. 输出Array对象中的所有元素的值  
  14. for...in  
  15. var array=new Array(‘张飒’,'李四','物流','张贲');  
  16. for(var index in array)  
  17. {  
  18.    alert(array[index])  
  19. }  
  20.   
  21. 为已有Array对象添加元素  
  22. array[5]='田七';  
  23.   
  24. 无论Array对象事先是否定义好了大小,都可以为其添加元素,如果未按索引顺序添加元素,中间  
  25. 元素将会以null填充  
  26.   
  27. 替换原有元素  
  28. array[2]="123";  
  29. 直接指定要替换的Array元素的索引,直接赋值即可替换  
  30.   
  31. Array对象声明的另外一种方式,  
  32.   
  33. 不适用new关键字,而是直接使用[]将元素的值包括起来,  
  34.   
  35. 这和使用new关键字的效果一样  
  36.    
  37. var array =['张三', '李四', '王五', '赵六'];  
  38.   
  39.   
  40. 将Array中的所有元素组成一个字符串 toString()方法:  
  41.   
  42. 将所有元素以","号连接起来,组成一个字符串。  
  43.   
  44.    
  45. var array = ['张三', '李四', '王五', '赵六'];  
  46.       
  47. alert(array.toString());  
  48.   
  49.    
  50.   
  51. 如果想以自定义的符号作为Array对象中元素的分隔符  
  52.   
  53. 可以使用join  
  54. "-"分割  
  55.    
  56. var array = ['张三', '李四', '王五', '赵六'];  
  57.   
  58.       
  59. alert(array.join('-'));  
  60. "/"分割  
  61.   
  62.     
  63. var array = ['张三', '李四', '王五', '赵六'];  
  64.        
  65. alert(array.join('/'));  
  66.   
  67. 将字符串转换成Array对象(数组)  
  68. 很熟悉的方法  
  69.        
  70. var str = '张三,李四,王五,赵六';  
  71.          
  72. var array=str.split(',');  
  73.           
  74. alert(array.toString());  
  75.   
  76. 上面的例子如果使用空格分割呢?  
  77. 下面的语句使用空格分割呢?有神马用处?  
  78. var str = '张三李四王五赵六';  
  79.        
  80. var array=str.split('');  
  81.        
  82. alert(array.toString());  
  83.   
  84. 2个有用的方法  
  85.   
  86.   
  87. concat():在数组的末尾添加元素,并返回一个新的数组,原数组不变。  
  88.        
  89. var array = new Array('张三,李四,王五,赵六');  
  90.           
  91. var array1= array.concat('田七', '王八');  
  92.           
  93. alert(array.toString());  
  94.           
  95. alert(array1.toString());  
  96.    
  97. 注意:和前边直接向数组中添加元素的区别:  
  98. 前者操作的数组本身,而后者是返回一个新的数组,元数组不变  
  99.      
  100. slice():  
  101.   
  102. 从数组中截取指定的元素,并返回新数组  
  103. ,  
  104. 原数组不变  
  105. 截取从第2元素开始到最后一个元素结束  
  106.   
  107.   
  108. var array = new Array('张三','李四','王五','赵六');  
  109.   
  110.   
  111. var array1 = array.slice(1);  
  112.    
  113.   
  114. alert(array1.toString());  
  115.   
  116.   
  117. push():在Array结尾添加一项或多个项  
  118.     
  119. var array = new Array('张三', '李四', '王五', '赵六');  
  120.           
  121. array.push('田七');  
  122.           
  123. array.push('王八','老九','老十');  
  124.           
  125. alert(array.toString());  
  126. 这个前面添加元素的方法效果是一样的  
  127.   
  128.   
  129. pop:  
  130. 删除数组最后一项,并将其作为返回值返回  
  131.        
  132. var array = new Array('张三', '李四', '王五', '赵六');  
  133.           
  134. var lastvalue = array.pop();  
  135.           
  136. alert(lastvalue);  
  137.           
  138. alert(array.toString());  
  139.    
  140. 注:删除的是最后一项  
  141.   
  142.   
  143. shift:  
  144. 删除数组的第一项,并作为返回值返回  
  145.   
  146. var array = new Array('张三', '李四', '王五', '赵六');  
  147.   
  148. var firstvalue = array.shift();  
  149.   
  150. alert(firstvalue);  
  151.   
  152. alert(array.toString());  
  153.    
  154. 注:删除的是第一项  
  155.   
  156. unshift:  
  157. 把一个项放在数组的第一个位置,  
  158. 然后把余下的项向后推动一个位置。  
  159. 代码见下边。  
  160.   
  161. unshift函数的参数也可以是多个,  
  162. 这样的话就会将第一个参数放在第一项位置,  
  163. 第二个参数放在第二项的位置,后面依次位移,代码见下边  
  164.   
  165. reverse:  
  166. 颠倒数组的顺序  
  167.    
  168. var array = new Array('张三', '李四', '王五', '赵六');  
  169.           
  170. array.reverse();  
  171.           
  172. document.write(array.toString());  
  173.   
  174.   
  175. sort:排序  
  176.       
  177. var array = new Array( '李四','张三', '赵六','王五');  
  178.           
  179. array.sort();          
  180. document.write(array.toString());  
  181.   
  182. splice()方法:  
  183.   
  184. 好用且简单  
  185. 第二个参数为0时,不删除任何项  
  186.   
  187.    
  188. var array = new Array('李四', '张三', '赵六', '王五');  
  189.       
  190. array.splice(1, 0);  
  191.       
  192. document.write(array.toString());  
  193.   
  194.   
  195. 第二个参数为1时,删除下标为第一个参数指定下标的元素  
  196.       
  197. var array = new Array('李四', '张三', '赵六', '王五');          
  198.           
  199. array.splice(1, 1);  
  200.        
  201. document.write(array.toString());  
  202.   
  203. 第二个参数为2时,  
  204. 删除下标为第一个参数指定下标和第一个参数下标+1的下标的元素,  
  205. 以下以此类推  
  206.        
  207. var array = new Array('李四', '张三', '赵六', '王五');  
  208.           
  209. array.splice(1,2);  
  210.           
  211. document.write(array.toString());  
  212.   
  213.   
  214. 第二个参数为0时,在下标为1的位置新增一项,  
  215. 原来下标为1的元素后移  
  216.    
  217. var array = new Array('李四', '张三', '赵六', '王五');  
  218.           
  219.       
  220. array.splice(1,0,'新添加项');  
  221.   
  222.       
  223. document.write(array.toString());  
  224.   
  225.   
  226. 第二个参数为1时,在下标为1的位置新增一项,原来下标为1的元素删除  
  227.    
  228. var array = new Array('李四', '张三', '赵六', '王五');   
  229.       
  230. array.splice(1, 1, '新添加项');  
  231.       
  232. document.write(array.toString());  
  233.   
  234.   
  235. 第二个参数为2时,在下标为1的位置新增一项,原来下标为1和下标为1+1的元素删除,  
  236. 以下以此类推  
  237.    
  238. var array = new Array('李四', '张三', '赵六', '王五');   
  239.       
  240. array.splice(1, 2, '新添加项');  
  241.       
  242. document.write(array.toString());  
  243.   
  244. 删除2项,新增2项  
  245.    
  246. var array = new Array('李四', '张三', '赵六', '王五');    
  247.       
  248. array.splice(1,2,'第一项','第二项');  
  249.       
  250. document.write(array.toString());  


 

原文地址:https://www.cnblogs.com/micro-chen/p/5633231.html