js Array数组的使用

Posted 2020-08-02 MicrobeORM

 

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