`
fuerbosi
  • 浏览: 465422 次
文章分类
社区版块
存档分类
最新评论

Flex 数组（Array）属性使用及数组的遍历

 
阅读更多

[java]view plaincopy
  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <mx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"
  3. layout="vertical"
  4. verticalAlign="middle"
  5. backgroundColor="white"
  6. initialize="onInit()">
  7. <mx:Style>
  8. .greenModal{
  9. modalTransparencyColor:haloGreen;
  10. }
  12. .redModal{
  13. modalTransparencyColor:red;
  14. }
  15. </mx:Style>
  18. <mx:Script>
  19. <!--[CDATA[
  20. importmx.controls.Alert;
  21. importmx.utils.StringUtil;
  22. privatevararray:Array=[{label:"AAAAA",data:5},{label:"BBBBB",data:"liu"},{label:"CCCCC",data:3},{label:"DDDDD",data:2},{label:"EEEEE",data:1}];
  23. privatevarnewArray:Array=[{label:"桌子",data:123.5},{label:"电脑",data:4741}];
  24. privatevararr0:Array=["AAAAA","DDDDD","YYYYY"];
  26. privatefunctiononInit():void
  27. {
  28. varconcatArray:Array=array.concat(newArray);
  29. }
  30. //Array.concat属性
  31. privatefunctionconcatArray(arr1:Array,arr2:Array):void
  32. {
  33. vararr:Array=arr1.concat(arr2);
  34. dataGrid.dataProvider=arr;
  35. }
  37. //Array.join属性
  38. privatefunctionjoinArray():void
  39. {
  40. textArea.text=arr0.join("___/n");
  41. dataGrid.dataProvider=arr0;
  42. }
  44. //Array.reverse
  45. privatefunctionreverseArray():void
  46. {
  47. arr0.reverse();
  48. dataGrid.dataProvider=arr0;
  49. textArea.text=arr0.join("/n");
  50. }
  52. //Array.map
  53. privatefunctionmapArray():void
  54. {
  55. varupperArray:Array=arr0.map(toUpper);
  56. dataGrid.dataProvider=upperArray;
  57. }
  58. privatefunctiontoUpper(element:*,index:int,arr:Array):String
  59. {
  60. returnString(element).toLowerCase();
  61. }
  64. //foreach
  65. privatefunctionforEachArray():void
  66. {
  67. array.forEach(forEach);
  68. dataGrid.dataProvider=array;
  69. }
  70. privatefunctionforEach(element:*,index:int,arr:Array):void
  71. {
  72. element.data=element.data+10;
  73. }
  75. //some,当有一个条件满足时就返回结果true,和every相对应，every是全部满足返回true
  76. privatefunctionsomeArray():void
  77. {
  78. textArea.text="";
  79. varsuccess:Boolean=array.some(isNumeric);
  80. dataGrid.dataProvider=array;
  81. if(success)
  82. {
  83. Alert.show("Success.","Result",Alert.OK);
  84. }
  85. else
  86. {
  87. Alert.show("failed.","Result",Alert.OK);
  88. }
  89. }
  91. //Array.every属性,与foreach不同，foreach会执行完第个元素，every则是当有一个不满足条件时就返回false结果
  92. privatefunctioncheckArray(arr:Array):void
  93. {
  94. textArea.text="";
  95. dataGrid.dataProvider=arr;
  96. //验证数组的全部元素属性是否满足条件
  97. varsuccess:Boolean=arr.every(isNumeric);
  98. if(success)
  99. {
  100. Application.application.styleName="greenModal";
  101. Alert.show("Arrayisnumeric.",//text
  102. "SUCCESS",//title
  103. Alert.OK,//flags
  104. null,//parent
  105. null);//closeHandler
  106. }
  107. else
  108. {
  109. Application.application.styleName="redModal";
  110. Alert.show("Arrayhasnon-numericelements.","ERROR",Alert.OK,null,null);
  111. }
  112. }
  113. privatefunctionisNumeric(element:Object,index:int,arr:Array):Boolean
  114. {
  115. if((element.hasOwnProperty("data"))&&(element.dataisNumber))
  116. {
  117. varstr:String=StringUtil.substitute("{0}({1})/n",element.label,element.data);
  118. textArea.text+=str;
  119. returntrue;
  120. }elsereturnfalse;
  122. }
  123. ]]-->
  124. </mx:Script>
  125. <mx:ApplicationControlBardock="true">
  126. <mx:Buttonlabel="Concat"
  127. click="concatArray(array,newArray);"/>
  128. <mx:Buttonlabel="Join"
  129. click="joinArray();"/>
  130. <mx:Buttonlabel="Reverse"
  131. click="reverseArray();"/>
  132. <mx:Buttonlabel="Map"
  133. click="mapArray();"/>
  134. <mx:Buttonlabel="ForEach"
  135. click="forEachArray();"/>
  136. <mx:Buttonlabel="Some"
  137. click="someArray();"/>
  138. <mx:Buttonlabel="CheckArray1"
  139. click="checkArray(array);"/>
  140. <mx:Buttonlabel="CheckArray2"
  141. click="checkArray(newArray);"/>
  142. </mx:ApplicationControlBar>
  143. <mx:HBox>
  144. <mx:DataGridid="dataGrid"
  145. rowCount="7">
  146. <mx:columns>
  147. <mx:DataGridColumndataField="label"/>
  148. <mx:DataGridColumndataField="data"/>
  149. </mx:columns>
  150. </mx:DataGrid>
  151. <mx:TextAreaid="textArea"
  152. editable="false"
  153. width="{dataGrid.width}"
  154. height="{dataGrid.height}"/>
  155. </mx:HBox>
  158. </mx:Application>

Filter :

[java]view plaincopy
  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <mx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"
  3. layout="vertical"
  4. verticalAlign="middle"
  5. backgroundColor="white"
  6. creationComplete="init()">
  8. <mx:Script>
  9. <!--[CDATA[
  10. privatevarkeys:Object={};
  12. /**
  13. *CalledbytheApplicationcontainer'screationComplete
  14. *eventhandler.ThismethodcreatesanewArrayobject
  15. *whichwillbeusedasadataprovideraswellasa
  16. *filteredviewofthatarraywhichdoesnotcontain
  17. *duplicateditems.
  18. */
  19. privatefunctioninit():void
  20. {
  21. /*Createadummydatasourcewithsomesemi-random
  22. data.*/
  23. vararr:Array=[];
  24. arr.push({data:1,label:"one"});
  25. arr.push({data:1,label:"one"});
  26. arr.push({data:1,label:"one"});
  27. arr.push({data:1,label:"one"});
  28. arr.push({data:2,label:"two"});
  29. arr.push({data:2,label:"two"});
  30. arr.push({data:2,label:"two"});
  31. arr.push({data:1,label:"one"});
  32. arr.push({data:3,label:"three"});
  33. arr.push({data:3,label:"three"});
  35. /*Filtertheoriginalarrayandcallthe
  36. removeDuplicates()functiononeachitem
  37. inthearray.*/
  38. varfilteredArr:Array=arr.filter(removedDuplicates);
  40. arrColl.source=arr;
  41. dedupedArrColl.source=filteredArr;
  42. }
  44. /**
  45. *Thismethodisusedtofilteranarraysothatno
  46. *duplicateitemsarecreated.Itworksbyfirst
  47. *checkingtoseeifakeysobjectalreadycontains
  48. *akeyequaltothecurrentvalueoftheitem.data
  49. *value.Ifthekeyalreadyexists,thecurrentitem
  50. *willnotbereaddedtothedataprovider.Ifthekey
  51. *doesnotalreadyexist,addthekeytothekeys
  52. *objectandaddthisitemtothedataprovider.
  53. */
  54. privatefunctionremovedDuplicates(item:Object,idx:uint,arr:Array):Boolean
  55. {
  56. if(keys.hasOwnProperty(item.label))
  57. {
  58. /*IfthekeysObjectalreadyhasthisproperty,
  59. returnfalseanddiscardthisitem.*/
  60. returnfalse;
  61. }
  62. else
  63. {
  64. /*ElsethekeysObjectdoes*NOT*alreadyhave
  65. thiskey,soaddthisitemtothenewdata
  66. provider.*/
  67. keys[item.label]=item;
  68. returntrue;
  69. }
  70. }
  71. ]]-->
  72. </mx:Script>
  74. <mx:ArrayCollectionid="arrColl"/>
  75. <mx:ArrayCollectionid="dedupedArrColl"/>
  77. <mx:HBox>
  78. <mx:VBox>
  79. <mx:Labeltext="Original({arrColl.length}items):"/>
  80. <mx:ListdataProvider="{arrColl}"/>
  81. </mx:VBox>
  82. <mx:VBox>
  83. <mx:Labeltext="Filtered({dedupedArrColl.length}items):"/>
  84. <mx:ListdataProvider="{dedupedArrColl}"/>
  85. </mx:VBox>
  86. </mx:HBox>
  88. </mx:Application>

搜索数组元素时，可以使用for语句配合break语句

[java]view plaincopy
  1. for(vari:int=0;i<array.length;i++)
  2. {
  3. if(array[i]==match)
  4. {
  5. trace("Elementwithindex"+i+"foundtomatch"+match);
  6. break;
  7. }
  8. }

但上面这种方法效率不高，在ascb.util.ArrayUtilities类中，提供了findMatchIndex,findLastMatchIndex和findMatchIndices三种方法来搜索数组元素。

使用方法如下，ArrayUtilities.findMatchIndex(数组对象，需要匹配的值，搜索开始下标，布尔值)；

其中搜索开始下标默认为0。布尔值表示是否返回部分匹配元素，默认为false，即不返回部分匹配元素。

findLastMatchIndex返回最后一个匹配的元素下标。findMatchIndice返回所有匹配的元素下标数组（注意：返回的结果是下标的数组）。

[java]view plaincopy
  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <mx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"
  3. layout="vertical"
  4. verticalAlign="middle"
  5. backgroundColor="white"
  6. initialize="onInit()">
  7. <mx:Style>
  8. .greenModal{
  9. modalTransparencyColor:haloGreen;
  10. }
  12. .redModal{
  13. modalTransparencyColor:red;
  14. }
  15. </mx:Style>
  18. <mx:Script>
  19. <!--[CDATA[
  20. importmx.controls.Alert;
  21. importmx.utils.StringUtil;
  22. privatevararray:Array=[{label:"AAAAA",data:5},{label:"BBBBB",data:"liu"},{label:"CCCCC",data:3},{label:"DDDDD",data:2},{label:"EEEEE",data:1}];
  23. privatevarnewArray:Array=[{label:"桌子",data:123.5},{label:"电脑",data:4741}];
  24. privatevararr0:Array=["AAAAA","DDDDD","YYYYY"];
  26. privatefunctiononInit():void
  27. {
  28. varconcatArray:Array=array.concat(newArray);
  29. }
  30. //Array.concat属性
  31. privatefunctionconcatArray(arr1:Array,arr2:Array):void
  32. {
  33. vararr:Array=arr1.concat(arr2);
  34. dataGrid.dataProvider=arr;
  35. }
  37. //Array.join属性
  38. privatefunctionjoinArray():void
  39. {
  40. textArea.text=arr0.join("___/n");
  41. dataGrid.dataProvider=arr0;
  42. }
  44. //Array.reverse
  45. privatefunctionreverseArray():void
  46. {
  47. arr0.reverse();
  48. dataGrid.dataProvider=arr0;
  49. textArea.text=arr0.join("/n");
  50. }
  52. //Array.map
  53. privatefunctionmapArray():void
  54. {
  55. varupperArray:Array=arr0.map(toUpper);
  56. dataGrid.dataProvider=upperArray;
  57. }
  58. privatefunctiontoUpper(element:*,index:int,arr:Array):String
  59. {
  60. returnString(element).toLowerCase();
  61. }
  64. //foreach
  65. privatefunctionforEachArray():void
  66. {
  67. array.forEach(forEach);
  68. dataGrid.dataProvider=array;
  69. }
  70. privatefunctionforEach(element:*,index:int,arr:Array):void
  71. {
  72. element.data=element.data+10;
  73. }
  75. //some,当有一个条件满足时就返回结果true,和every相对应，every是全部满足返回true
  76. privatefunctionsomeArray():void
  77. {
  78. textArea.text="";
  79. varsuccess:Boolean=array.some(isNumeric);
  80. dataGrid.dataProvider=array;
  81. if(success)
  82. {
  83. Alert.show("Success.","Result",Alert.OK);
  84. }
  85. else
  86. {
  87. Alert.show("failed.","Result",Alert.OK);
  88. }
  89. }
  91. //Array.every属性,与foreach不同，foreach会执行完第个元素，every则是当有一个不满足条件时就返回false结果
  92. privatefunctioncheckArray(arr:Array):void
  93. {
  94. textArea.text="";
  95. dataGrid.dataProvider=arr;
  96. //验证数组的全部元素属性是否满足条件
  97. varsuccess:Boolean=arr.every(isNumeric);
  98. if(success)
  99. {
  100. Application.application.styleName="greenModal";
  101. Alert.show("Arrayisnumeric.",//text
  102. "SUCCESS",//title
  103. Alert.OK,//flags
  104. null,//parent
  105. null);//closeHandler
  106. }
  107. else
  108. {
  109. Application.application.styleName="redModal";
  110. Alert.show("Arrayhasnon-numericelements.","ERROR",Alert.OK,null,null);
  111. }
  112. }
  113. privatefunctionisNumeric(element:Object,index:int,arr:Array):Boolean
  114. {
  115. if((element.hasOwnProperty("data"))&&(element.dataisNumber))
  116. {
  117. varstr:String=StringUtil.substitute("{0}({1})/n",element.label,element.data);
  118. textArea.text+=str;
  119. returntrue;
  120. }elsereturnfalse;
  122. }
  123. ]]-->
  124. </mx:Script>
  125. <mx:ApplicationControlBardock="true">
  126. <mx:Buttonlabel="Concat"
  127. click="concatArray(array,newArray);"/>
  128. <mx:Buttonlabel="Join"
  129. click="joinArray();"/>
  130. <mx:Buttonlabel="Reverse"
  131. click="reverseArray();"/>
  132. <mx:Buttonlabel="Map"
  133. click="mapArray();"/>
  134. <mx:Buttonlabel="ForEach"
  135. click="forEachArray();"/>
  136. <mx:Buttonlabel="Some"
  137. click="someArray();"/>
  138. <mx:Buttonlabel="CheckArray1"
  139. click="checkArray(array);"/>
  140. <mx:Buttonlabel="CheckArray2"
  141. click="checkArray(newArray);"/>
  142. </mx:ApplicationControlBar>
  143. <mx:HBox>
  144. <mx:DataGridid="dataGrid"
  145. rowCount="7">
  146. <mx:columns>
  147. <mx:DataGridColumndataField="label"/>
  148. <mx:DataGridColumndataField="data"/>
  149. </mx:columns>
  150. </mx:DataGrid>
  151. <mx:TextAreaid="textArea"
  152. editable="false"
  153. width="{dataGrid.width}"
  154. height="{dataGrid.height}"/>
  155. </mx:HBox>
  158. </mx:Application>

Filter :

[java]view plaincopy
  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <mx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"
  3. layout="vertical"
  4. verticalAlign="middle"
  5. backgroundColor="white"
  6. creationComplete="init()">
  8. <mx:Script>
  9. <!--[CDATA[
  10. privatevarkeys:Object={};
  12. /**
  13. *CalledbytheApplicationcontainer'screationComplete
  14. *eventhandler.ThismethodcreatesanewArrayobject
  15. *whichwillbeusedasadataprovideraswellasa
  16. *filteredviewofthatarraywhichdoesnotcontain
  17. *duplicateditems.
  18. */
  19. privatefunctioninit():void
  20. {
  21. /*Createadummydatasourcewithsomesemi-random
  22. data.*/
  23. vararr:Array=[];
  24. arr.push({data:1,label:"one"});
  25. arr.push({data:1,label:"one"});
  26. arr.push({data:1,label:"one"});
  27. arr.push({data:1,label:"one"});
  28. arr.push({data:2,label:"two"});
  29. arr.push({data:2,label:"two"});
  30. arr.push({data:2,label:"two"});
  31. arr.push({data:1,label:"one"});
  32. arr.push({data:3,label:"three"});
  33. arr.push({data:3,label:"three"});
  35. /*Filtertheoriginalarrayandcallthe
  36. removeDuplicates()functiononeachitem
  37. inthearray.*/
  38. varfilteredArr:Array=arr.filter(removedDuplicates);
  40. arrColl.source=arr;
  41. dedupedArrColl.source=filteredArr;
  42. }
  44. /**
  45. *Thismethodisusedtofilteranarraysothatno
  46. *duplicateitemsarecreated.Itworksbyfirst
  47. *checkingtoseeifakeysobjectalreadycontains
  48. *akeyequaltothecurrentvalueoftheitem.data
  49. *value.Ifthekeyalreadyexists,thecurrentitem
  50. *willnotbereaddedtothedataprovider.Ifthekey
  51. *doesnotalreadyexist,addthekeytothekeys
  52. *objectandaddthisitemtothedataprovider.
  53. */
  54. privatefunctionremovedDuplicates(item:Object,idx:uint,arr:Array):Boolean
  55. {
  56. if(keys.hasOwnProperty(item.label))
  57. {
  58. /*IfthekeysObjectalreadyhasthisproperty,
  59. returnfalseanddiscardthisitem.*/
  60. returnfalse;
  61. }
  62. else
  63. {
  64. /*ElsethekeysObjectdoes*NOT*alreadyhave
  65. thiskey,soaddthisitemtothenewdata
  66. provider.*/
  67. keys[item.label]=item;
  68. returntrue;
  69. }
  70. }
  71. ]]-->
  72. </mx:Script>
  74. <mx:ArrayCollectionid="arrColl"/>
  75. <mx:ArrayCollectionid="dedupedArrColl"/>
  77. <mx:HBox>
  78. <mx:VBox>
  79. <mx:Labeltext="Original({arrColl.length}items):"/>
  80. <mx:ListdataProvider="{arrColl}"/>
  81. </mx:VBox>
  82. <mx:VBox>
  83. <mx:Labeltext="Filtered({dedupedArrColl.length}items):"/>
  84. <mx:ListdataProvider="{dedupedArrColl}"/>
  85. </mx:VBox>
  86. </mx:HBox>
  88. </mx:Application>

搜索数组元素时，可以使用for语句配合break语句

[java]view plaincopy
  1. for(vari:int=0;i<array.length;i++)
  2. {
  3. if(array[i]==match)
  4. {
  5. trace("Elementwithindex"+i+"foundtomatch"+match);
  6. break;
  7. }
  8. }

但上面这种方法效率不高，在ascb.util.ArrayUtilities类中，提供了findMatchIndex,findLastMatchIndex和findMatchIndices三种方法来搜索数组元素。

使用方法如下，ArrayUtilities.findMatchIndex(数组对象，需要匹配的值，搜索开始下标，布尔值)；

其中搜索开始下标默认为0。布尔值表示是否返回部分匹配元素，默认为false，即不返回部分匹配元素。

findLastMatchIndex返回最后一个匹配的元素下标。findMatchIndice返回所有匹配的元素下标数组（注意：返回的结果是下标的数组）。

分享到：
| Javascript 页面模板化 ——大部分人没有 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics