• 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());  


     

  • 相关阅读:
    分布式配置中心之Apollo X
    hexo 使用问题
    Keras 识别手写数字 MKY
    LinePlane intersection && Plane Parameterization
    inlineblock 之 “幽灵空白节点”
    float 及 清除浮动
    centos中docker配置tcp端口
    go+gin设置服务的cors
    u盘挂在到服务器
    Gin加载history模式下打包后的Vue文件,刷新找不到页面404
  • 原文地址:https://www.cnblogs.com/micro-chen/p/5633231.html
Copyright © 2020-2023  润新知