ActionScript3.0中利用forEach循环遍历一个数组(Array)对象并且修改其中的项目

接下来的例子演示了如何遍历一个Array 对象并且利用Array类中的 forEach事件修改其中的项目。

让我们先来看一下Demo（可以右键View Source或 点击这里察看源代码 ）：

下面是完整代码(或 点击这里察看)：

Download: main.mxml

1. <?xml version="1.0" encoding="utf-8"?>
2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
3.         layout="vertical"
4.         verticalAlign="middle"
5.         backgroundColor="white"
6.         initialize="init();">
8.     <mx:Script>
9.         <![CDATA[
10.             import mx.utils.ObjectUtil;
12.             private function init():void {
13.                 beforeTextArea.text = ObjectUtil.toString(dp);
14.                 dp.forEach(forEach_test);
15.                 dataGrid.dataProvider = dp;
16.                 afterTextArea.text = ObjectUtil.toString(dp);
17.             }
19.             private function forEach_test(element:*, index:int, arr:Array):void {
20.                 element.lbl = element.name + " (" + element.abbr + ")";
21.                 element.idx = index;
22.             }
23.         ]]>
24.     </mx:Script>
26.     <mx:Array id="dp">
27.         <mx:Object name="Baltimore Orioles" abbr="BAL" />
28.         <mx:Object name="Boston Red Sox" abbr="BOS" />
29.         <mx:Object name="Chicago White Sox" abbr="CWS" />
30.         <mx:Object name="Cleveland Indians" abbr="CLE" />
31.         <mx:Object name="Detroit Tigers" abbr="DET" />
32.         <mx:Object name="Kansas City Royals" abbr="KC" />
33.         <mx:Object name="Los Angeles Angels of Anaheim" abbr="LAA" />
34.         <mx:Object name="Minnesota Twins" abbr="MIN" />
35.         <mx:Object name="New York Yankees" abbr="NYY" />
36.         <mx:Object name="Oakland Athletics" abbr="OAK" />
37.         <mx:Object name="Seattle Mariners" abbr="SEA" />
38.         <mx:Object name="Tampa Bay Devil Rays" abbr="TB" />
39.         <mx:Object name="Texas Rangers" abbr="TEX" />
40.         <mx:Object name="Toronto Blue Jays" abbr="TOR" />
41.     </mx:Array>
43.     <mx:DataGrid id="dataGrid"
44.             verticalScrollPolicy="on"
45.             width="100%">
46.         <mx:columns>
47.             <mx:DataGridColumn dataField="name" />
48.             <mx:DataGridColumn dataField="abbr" width="80" />
49.             <mx:DataGridColumn dataField="lbl" />
50.             <mx:DataGridColumn dataField="idx" width="40" textAlign="right" />
51.         </mx:columns>
52.     </mx:DataGrid>
54.     <mx:Form width="100%" height="100%">
55.         <mx:FormItem label="Before:" width="100%" height="50%">
56.             <mx:TextArea id="beforeTextArea"
57.                     editable="false"
58.                     wordWrap="false"
59.                     width="100%"
60.                     height="100%" />
61.         </mx:FormItem>
62.         <mx:FormItem label="After:" width="100%" height="50%">
63.             <mx:TextArea id="afterTextArea"
64.                     editable="false"
65.                     wordWrap="false"
66.                     width="100%"
67.                     height="100%" />
68.         </mx:FormItem>
69.     </mx:Form>
71. </mx:Application>