dojo1.7翻译数组工具[DOJO]

所属分类：[界面编程] | 创建时间：2013-01-13 | 文章属性：翻译 | 文章来源：http://dojotoolkit.org/documentation/tutorials/1.7/arrays/ | 作者：windfly

&#160;
 
 
 &#33521;&#25991;&#22320;&#22336;:<a href="http://dojotoolkit.org/documentation/tutorials/1.7/arrays/">http://dojotoolkit.org/documentation/tutorials/1.7/arrays/</a>
 
 
 &#38590;&#24230;&#65306;&#21021;&#32423;
 
 
 Dojo&#30340;&#29256;&#26412;&#65306;1.7
 
 
 &#160;
 
 
 &#160;
 
 
 &#22312;&#26412;&#25945;&#31243;&#20013;&#65292;&#24744;&#23558;&#20102;&#35299;&#20351;&#29992;JavaScript&#25968;&#32452;&#65306; dojo/_base/array &#30340;Dojo&#30340;&#36328;&#24179;&#21488;&#35299;&#20915;&#26041;&#26696;&#12290;
 
 
 &#160;
 
 
 &#160;
 
 <h2>
 &#20837;&#38376;
 </h2>
 
 &#22312;&#24314;&#31435;&#20320;&#30340;web&#24212;&#29992;&#26102;&#65292;&#25968;&#25454;&#35775;&#38382;&#21644;&#25805;&#32437;&#26159;&#19968;&#20010;&#38750;&#24120;&#37325;&#35201;&#30340;&#26041;&#38754;&#12290; 
 JavaScript&#30340;&#24320;&#21457;&#32773;&#30693;&#36947;&#36825;&#19968;&#28857;&#25152;&#20197;&#22686;&#21152;&#20102;&#25968;&#32452;&#30340;&#19968;&#20123;&#26041;&#27861;&#65292;&#20197;&#20415;&#26356;&#23481;&#26131;&#22320;&#22788;&#29702;&#25968;&#25454;&#12290; &#21487;&#24754;&#30340;&#26159;&#65292;&#24182;&#19981;&#26159;&#25152;&#26377;&#30340;&#27983;&#35272;&#22120;&#21644;&#29615;&#22659;&#37117;&#37319;&#29992;&#36825;&#20123;&#26032;&#26041;&#27861;&#12290; 
 &#22909;&#28040;&#24687;&#26159;&#65292;Dojo&#25552;&#20379;&#20102;&#26032;&#26032;&#30340;&#38453;&#21015;&#30340;&#36741;&#21161;&#26041;&#27861;&#65292;&#25152;&#20197;&#26080;&#35770;&#20320;&#22312;&#20160;&#20040;&#29615;&#22659;&#65292;&#20320;&#37117;&#33021;&#22815;&#24456;&#23481;&#26131;&#22320;&#20351;&#29992;&#25968;&#32452;&#12290;
 
 
 &#160;
 
 
 &#160;
 
 <h2>
 &#25628;&#32034;
 </h2>
 
 &#19968;&#20010;&#25805;&#20316;&#25968;&#32452;&#30340;&#24120;&#29992;&#21151;&#33021;&#26159;&#25214;&#21040;&#19968;&#20010;&#25968;&#32452;&#20013;&#20869;&#30340;&#19968;&#20010;&#20803;&#32032;&#12290; Dojo&#25552;&#20379;&#20102;&#20004;&#20010;&#20989;&#25968;&#65306; dojo/_base/array&#27169;&#22359;&#20013;&#30340; indexOf 
 lastIndexOf&#12290;indexOf&#26159;&#36890;&#36807;&#19968;&#20010;&#25968;&#32452;&#20174;&#26368;&#20302;&#21040;&#26368;&#39640;&#19979;&#26631;&#30340;&#25628;&#32034;&#65292;lastIndexOf&#26159;&#20174;&#26368;&#39640;&#21040;&#26368;&#20302;&#25628;&#32034;&#12290; 
 &#37117;&#37319;&#21462;&#30456;&#21516;&#30340;&#21442;&#25968;&#65306;&#19968;&#20010;&#25968;&#32452;&#65292;&#35201;&#25628;&#32034;&#30340;&#20803;&#32032;&#65292;&#20174;&#24320;&#22987;&#30340;&#19979;&#26631;&#12290; &#35753;&#25105;&#20204;&#26469;&#30475;&#30475;&#19968;&#20123;&#20363;&#23376;&#65306;
 
 
 &#160;
 
 <pre class="js" name="code">require([&quot;dojo/_base/array&quot;], function(baseArray) {
 var arr1 = [1,2,3,4,3,2,1,2,3,4,3,2,1];
 baseArray.indexOf(arr1, 2); // returns 1
 baseArray.indexOf(arr1, 2, 2); // returns 5
 baseArray.lastIndexOf(arr1, 2); // returns 11
});</pre>
 &#160;

&#160;
 
 
 &#22914;&#26524;&#35201;&#25628;&#32034;&#30340;&#20803;&#32032;&#27809;&#26377;&#34987;&#21457;&#29616;&#65292;&#36825;&#20004;&#20010;&#20989;&#25968;&#23558;&#36820;&#22238;-1 &#12290; &#20869;&#37096;&#26377;&#19968;&#20214;&#20107;&#35201;&#27880;&#24847;&#30340;&#26159;&#65292;&#36825;&#20004;&#20010;&#20989;&#25968;&#20351;&#29992;&#36827;&#34892;&#20005;&#26684;&#27604;&#36739;&#65288; === &#65289;&#65292;&#25152;&#20197;&#35201;&#27880;&#24847;&#25628;&#32034;&#30340;&#20540;&#65306;
 
 
 &#160;
 
 <pre class="js" name="code">var obj1 = { id: 1 },
 arr2 = [{ id: 0 }, obj1, { id: 2 }, { id: 3 }];
 
// This search returns 1, as obj1 is the second item
// in the array.
baseArray.indexOf(arr2, obj1);
 
// This search returns -1. While the objects may look similar,
// they are entirely different objects, and so this object
// isn't found in the array.
baseArray.indexOf(arr2, { id: 1 });</pre>
 &#160;

&#160;
 
 
 <a href="http://dojotoolkit.org/documentation/tutorials/1.7/arrays/demo/searching.html" target="_blank" title="http://dojotoolkit.org/documentation/tutorials/1.7/arrays/demo/searching.html">&#36816;&#34892;&#31034;&#20363;</a>
 
 <h2>
 &#24490;&#29615;
 </h2>
 
 &#21478;&#19968;&#20010;&#39057;&#32321;&#30340;&#25805;&#20316;&#26159;&#24490;&#29615;&#25968;&#32452;&#12290; &#36890;&#24120;&#24773;&#20917;&#19979;&#65292;&#36825;&#26159;&#19982;&#20197;&#19979;&#31867;&#20284;&#65306;
 
 
 &#160;
 
 <pre class="js" name="code">var item;
for(var i = 0; i &lt; arr.length; i++){
 item = arr[i];
 // do something with item
}</pre>
 &#160;

&#160;
 
 
 &#160;
 
 
 &#35774;&#32622;&#36825;&#26679;&#24490;&#29615;&#30340;&#19968;&#20010;&#32570;&#28857;&#26159;&#65292;&#22914;&#26524;&#24744;&#22312;&#20107;&#20214;&#22788;&#29702;&#31243;&#24207;&#35775;&#38382;item&#65292;&#23427;&#19981;&#20250;&#26159;&#20320;&#26399;&#26395;&#30340;&#20803;&#32032;&#65292;&#32780;&#26159;&#23558;&#25968;&#32452;&#30340;&#26368;&#21518;&#19968;&#20010;&#20803;&#32032;&#12290; 
 forEach&#26041;&#27861;&#20026;&#25105;&#20204;&#25552;&#20379;&#20102;&#19968;&#31181;&#26631;&#20934;&#30340;&#24490;&#29615;&#65292;&#21516;&#26102;&#20063;&#20445;&#30041;&#20803;&#32032;&#65292;&#20197;&#20415;&#22312;&#22312;&#33539;&#22260;&#38142;&#20013;&#26597;&#25214;&#12290; 
 &#23427;&#31526;&#21512;Array.prototype.forEach&#65292;&#20294;&#26377;&#20004;&#20010;&#20363;&#22806;&#65306;
 
 
 &#160;
 
 <ul>
 <li>
 &#23427;&#20250;&#36941;&#21382;&#26410;&#20998;&#37197;&#30340;&#19979;&#26631;&#12290; &#36825;&#24847;&#21619;&#30528;&#65292;&#22914;&#26524;&#20320;&#26377;&#19968;&#20010;&#26410;&#23450;&#20041;&#30340;&#20540;&#22312;&#24744;&#30340;&#25968;&#32452;&#20013;&#65292;&#23427;&#20173;&#28982;&#20250;&#25191;&#34892;&#35813;&#25351;&#25968;&#30340;&#21151;&#33021;&#65292;&#32780;&#19981;&#26159;&#21482;&#36339;&#36807;&#12290;
 </li>
 <li>
 &#24490;&#29615;&#26159;&#20570;&#20102;&#25968;&#32452;&#26412;&#36523;&#12290; &#22914;&#26524;&#20351;&#29992;&#26412;&#22320;&#30340;forEach&#26041;&#27861;&#65292;&#23427;&#36941;&#21382;&#25968;&#32452;&#30340;&#19968;&#20010;&#21103;&#26412;&#65292;&#32780;&#19981;&#26159;&#35813;&#25968;&#32452;&#26412;&#36523;&#12290; &#36825;&#24847;&#21619;&#30528;&#24744;&#22312;&#22522;&#30784;&#25968;&#32452;&#30340;&#20219;&#20309;&#26356;&#25913;&#37117;&#26159;&#21487;&#35265;&#30340;&#12290;
 </li>
 </ul>
 
 &#160;
 
 
 &#35753;&#25105;&#20204;&#26469;&#30475;&#30475;&#19968;&#20010;&#20363;&#23376;&#65306;
 
 
 &#160;
 
 <pre class="js" name="code">var arr = [&quot;one&quot;, &quot;two&quot;, &quot;three&quot;, &quot;four&quot;],
 // dom is from dojo/dom
 list1 = dom.byId(&quot;list1&quot;);
 
// Skip over index 4, leaving it undefined
arr[5] = &quot;six&quot;;
 
baseArray.forEach(arr, function(item, index){
 // This function is called for every item in the array
 if(index == 3){
 // this changes the original array,
 // which changes the item passed to
 // the sixth invocation of this function
 arr[5] = &quot;seven&quot;;
 }
 
 // domConstruct is available at dojo/dom-construct
 domConstruct.create(&quot;li&quot;, {
 innerHTML: item + &quot; (&quot; + index + &quot;)&quot;
 }, list1);
});</pre>
 &#160;

&#160;
 
 
 &#160;
 
 
 baseArray.forEach&#26041;&#27861;&#25509;&#21463;3&#20010;&#21442;&#25968;&#65306;&#35201;&#36941;&#21382;&#30340;&#25968;&#32452;&#65292;&#22238;&#35843;&#20989;&#25968;&#65288;&#21253;&#25324;&#22914;&#19978;&#25152;&#36848;&#20043;&#38388;&#20998;&#37197;&#30340;&#65292;&#26410;&#20998;&#37197;&#30340;&#19979;&#26631;&#65289;&#65292;&#21644;&#19968;&#20010;&#21487;&#36873;&#30340;&#23545;&#35937;&#20351;&#29992;&#30340;&#33539;&#22260;&#12290;
 
 
 &#160;
 
 
 &#22238;&#35843;&#20989;&#25968;&#20250;&#20256;&#20837;&#24403;&#21069;&#20803;&#32032;&#23545;&#35937;&#65292;&#24403;&#21069;&#30340;&#19979;&#26631;&#12290; &#31532;&#19977;&#20010;&#21442;&#25968;&#26159;baseArray.forEach&#33539;&#22260; &#65292;&#22914;&#26524;&#19981;&#25552;&#20379;&#31532;&#19977;&#20010;&#21442;&#25968;&#21017;&#25351;&#20840;&#23616;&#23545;&#35937;&#65288; 
 window&#22312;&#27983;&#35272;&#22120;&#30340;&#24773;&#20917;&#19979;&#65289;&#12290; &#35753;&#25105;&#20204;&#26469;&#30475;&#30475;&#22312;&#33539;&#22260;&#21442;&#25968;&#65306;
 
 
 &#160;
 
 <pre class="js" name="code">var list2 = dom.byId(&quot;list2&quot;),
 myObject = {
 prefix: &quot;ITEM: &quot;,
 formatItem: function(item, index){
 return this.prefix + item + &quot; (&quot; + index + &quot;)&quot;;
 },
 outputItems: function(arr, node){
 baseArray.forEach(arr, function(item, index){
 domConstruct.create(&quot;li&quot;, {
 innerHTML: this.formatItem(item, index)
 }, node);
 }, this);
 }
 };
 
myObject.outputItems(arr, list2);</pre>
 
 &#160;
 
 
 &#160;
 
 
 &#36825;&#26159;&#21487;&#33021;&#30340;&#33539;&#22260;&#21442;&#25968;&#20013;&#26368;&#24120;&#29992;&#30340;&#27169;&#24335;&#20043;&#19968;&#65306;&#36890;&#36807;this&#21487;&#20197;&#22312;&#30456;&#21516;&#30340;&#33539;&#22260;&#20869;&#35843;&#29992;&#22238;&#35843;&#20989;&#25968;&#12290; &#36825;&#31181;&#27169;&#24335;&#26159;&#38750;&#24120;&#26377;&#29992;&#30340;&#12290;
 
 
 <a href="http://dojotoolkit.org/documentation/tutorials/1.7/arrays/demo/looping.html" target="_blank" title="http://dojotoolkit.org/documentation/tutorials/1.7/arrays/demo/looping.html">&#36816;&#34892;&#31034;&#20363;</a>
 
 
 &#160;
 
 <h2>
 &#25805;&#32437;
 </h2>
 
 dojo&#20351;&#24490;&#29615;&#24456;&#23481;&#26131;&#65292;&#20294;&#24448;&#24448;&#20320;&#20250;&#24819;&#21462;&#24471;&#19968;&#20010;&#25968;&#32452;&#20013;&#30340;&#25968;&#25454;&#65292;&#20570;&#20102;&#19968;&#20123;&#25805;&#20316;&#65292;&#32467;&#26524;&#20320;&#21457;&#29616;&#20570;&#30340;&#25805;&#20316;&#26159;&#20316;&#29992;&#20110;&#19968;&#20010;&#26032;&#30340;&#25968;&#32452;&#20013;&#12290; 
 &#27604;&#26041;&#35828;&#65292;&#25105;&#20204;&#26377;&#19968;&#20010;&#23383;&#31526;&#20018;&#25968;&#32452;&#65292;&#25105;&#20204;&#35201;&#19982;&#20182;&#20204;&#30340;&#20540;&#36716;&#25442;&#20026;&#20026;&#23545;&#35937;&#12290; &#37492;&#20110;&#25105;&#20204;&#25152;&#30693;&#36947;&#30340;&#65292;&#25105;&#20204;&#21487;&#33021;&#20250;&#20570;&#19968;&#20123;&#31867;&#20284;&#36825;&#26679;&#30340;&#65306;
 
 
 &#160;
 
 <pre class="js" name="code">var original = [&quot;one&quot;, &quot;two&quot;, &quot;three&quot;, &quot;four&quot;, &quot;five&quot;],
 transformed = [];
 
baseArray.forEach(original, function(item, index){
 transformed.push({
 id: index * 100,
 text: item
 });
}); // [ { id: 0, text: &quot;one&quot; }, { id: 100, text: &quot;two&quot; }, ... ]</pre>
 &#160;

&#160;
 
 
 &#36825;&#19981;&#26159;&#19968;&#20010;&#22909;&#30340;&#35299;&#20915;&#26041;&#26696;&#65292;&#20294;&#23427;&#20063;&#21487;&#20197;&#22312;&#26032;&#29256;&#26412;&#30340;JavaScript&#22788;&#29702;&#12290;&#20854;&#20013;Dojo&#26377;&#65306; baseArray.map&#30340;&#19996;&#35199;&#12290; &#35753;&#25105;&#20204;&#19968;&#36215;&#26469;&#30475;&#30475;&#65306;
 
 
 &#160;
 
 <pre class="js" name="code">var mapped = baseArray.map(original, function(item, index){
 return {
 id: index * 100,
 text: item
 };
}); // [ { id: 0, text: &quot;one&quot; }, { id: 100, text: &quot;two&quot; }, ... ]</pre>
 &#160;

&#160;
 
 
 map&#30340;&#21442;&#25968;&#19982;forEach&#26159;&#19968;&#26679; &#12290; &#19981;&#21516;&#30340;&#26159;&#65292;&#22238;&#35843;&#30340;&#36820;&#22238;&#20540;&#23558;&#23384;&#20648;&#19968;&#20010;&#26032;&#30340;&#38453;&#21015;&#12290;
 
 
 &#160;
 
 
 &#21478;&#19968;&#20010;&#24120;&#35265;&#30340;&#21151;&#33021;&#26159;filter &#12290; filter&#32972;&#21518;&#30340;&#24819;&#27861;&#26159;&#65292;&#20320;&#26377;&#19968;&#20010;&#25968;&#32452;&#65292;&#20320;&#21487;&#33021;&#21482;&#24819;&#22522;&#20110;&#26576;&#31181;&#26465;&#20214;&#36873;&#25321;&#20986;&#23427;&#30340;&#26576;&#20123;&#20803;&#32032;&#12290; &#36825;&#21487;&#20197;&#20351;&#29992;forEach 
 foreach &#65292;&#20294;&#20351;&#29992;&#30340;filter&#26377;&#21161;&#20110;&#22823;&#22823;&#31616;&#21270;&#12290;
 
 
 &#160;
 
 
 map&#21442;&#25968;&#19981;&#25913;&#21464;&#65292;&#20294;filter&#30340;&#36820;&#22238;&#20540;&#24050;&#32463;&#36827;&#34892;&#20102;&#21028;&#26029;&#65292;&#22914;&#26524;&#23427;&#26159;truthy&#65292;&#35813;&#39033;&#30446;&#34987;&#36861;&#21152;&#21040;filter&#36820;&#22238;&#30340;&#25968;&#32452;&#12290; &#35753;&#25105;&#20204;&#26469;&#30475;&#30475;&#21478;&#19968;&#20010;&#20363;&#23376;&#65306;
 
 
 &#160;
 
 <pre class="js" name="code">var filtered = baseArray.filter(mapped, function(item, index){
 return item.id &gt; 50 &amp;&amp; item.id &lt; 350;
}); // [ { id: 100, text: &quot;two&quot; }, { id: 200, text: &quot;three&quot; },
 // { id: 300, text: &quot;four&quot; } ]</pre>
 
 <a href="http://dojotoolkit.org/documentation/tutorials/1.7/arrays/demo/manipulating.html" target="_blank" title="http://dojotoolkit.org/documentation/tutorials/1.7/arrays/demo/manipulating.html">&#160;&#36816;&#34892;&#31034;&#20363;</a>
 
 
 &#160;
 
 <h2>
 &#21305;&#37197;
 </h2>
 
 &#26377;&#26102;&#20505;&#20320;&#20250;&#24819;&#30693;&#36947;&#65292;&#22914;&#26524;&#19968;&#20010;&#25968;&#32452;&#20013;&#30340;&#20803;&#32032;&#26159;&#21542;&#31526;&#21512;&#19968;&#23450;&#26465;&#20214;&#65306;&#20063;&#35768;&#20320;&#24819;&#30693;&#36947;&#22914;&#26524;&#26576;&#20123;&#23545;&#35937;&#26159;&#21542;&#26377;&#19968;&#20010;&#38169;&#35823;&#20449;&#24687;&#65292;&#25110;&#32773;&#20320;&#24819;&#30830;&#20445;&#25152;&#26377;&#23545;&#35937;&#37117;&#20855;&#26377;&#19968;&#20010;&#25991;&#26412;&#23646;&#24615;&#12290; 
 &#36825;&#37324;&#21487;&#20197;&#20351;&#29992;some&#26041;&#27861;&#20102;&#12290; every &#20989;&#25968;&#30340;&#20351;&#29992;&#19982;filter&#19968;&#27169;&#19968;&#26679; &#65288;&#21253;&#25324;&#22238;&#35843;&#24212;&#35813;&#36820;&#22238;&#20160;&#20040;&#65289;&#65292;&#20294;&#19981;&#26159;&#36820;&#22238;&#19968;&#20010;&#25968;&#32452;&#65292;&#32780;&#26159;&#36820;&#22238;&#19968;&#20010;&#24067;&#23572;&#20540;&#65306; 
 every&#23558;&#21028;&#26029;&#25968;&#32452;&#20013;&#30340;&#27599;&#19968;&#20010;&#20803;&#32032;&#26159;&#21542;&#31526;&#21512;&#26465;&#20214;&#65292;&#22914;&#26524;&#37117;&#31526;&#21512;&#36820;&#22238;true&#65292; &#23545;&#20110;some&#26469;&#35828;&#23558;&#21028;&#26029;&#25968;&#32452;&#20013;&#33267;&#23569;&#26377;&#19968;&#20010;&#20803;&#32032;&#31526;&#21512;&#26465;&#20214;&#12290; 
 &#19979;&#38754;&#30340;&#20363;&#23376;&#20013;&#65292;&#24212;&#26126;&#30830;&#36825;&#19968;&#28857;&#65306;
 
 
 &#160;
 
 <pre class="js" name="code">var arr1 = [1,2,3,4,5],
 arr2 = [1,1,1,1,1];
 
baseArray.every(arr1, function(item){ return item == 1; }); // returns false
baseArray.some(arr1, function(item){ return item == 1; }); // returns true
 
baseArray.every(arr2, function(item){ return item == 1; }); // returns true
baseArray.some(arr2, function(item){ return item == 1; }); // returns true
 
baseArray.every(arr2, function(item){ return item == 2; }); // returns false
baseArray.some(arr2, function(item){ return item == 2; }); // returns false</pre>
 &#160;

&#160;
 
 
 &#21028;&#26029;&#36825;&#20004;&#20010;&#20989;&#25968;&#30340;&#19968;&#20010;&#31616;&#21333;&#30340;&#26041;&#27861;&#26159;&#65292; every&#19968;&#26679;&#20351;&#29992;&amp;&amp;&#36816;&#31639;&#31526;&#21644;if&#35821;&#21477;&#65292;&#32780;some&#21916;&#27426;&#20351;&#29992;||&#36816;&#31639;&#31526;
 
 
 <a href="http://dojotoolkit.org/documentation/tutorials/1.7/arrays/demo/matching.html" target="_blank" title="http://dojotoolkit.org/documentation/tutorials/1.7/arrays/demo/matching.html">&#36816;&#34892;&#31034;&#20363;</a>
 
 
 &#160;
 
 <h2>
 &#32467;&#35770;
 </h2>
 
 JavaScript&#35268;&#33539;&#24050;&#32473;&#20102;&#25105;&#20204;&#19981;&#23569;&#24378;&#22823;&#30340;&#38453;&#21015;&#30340;&#26041;&#27861;&#65292;&#20294;&#19981;&#26159;&#25152;&#26377;&#30340;&#27983;&#35272;&#22120;&#21644;&#29615;&#22659;&#25903;&#25345;&#20182;&#20204;&#12290; 
 Dojo&#30340;dojo/_base/array&#27169;&#22359;&#21487;&#20197;&#20860;&#23481;&#26032;&#30340;&#21644;&#26087;&#30340;&#38453;&#21015;&#26041;&#27861;&#20043;&#38388;&#30340;&#24046;&#36317;&#65292;&#35753;&#20320;&#21487;&#20197;&#24555;&#36895;&#26377;&#25928;&#22320;&#29992;&#26356;&#23569;&#30340;&#20195;&#30721;&#20570;&#26356;&#22810;&#30340;&#20107;&#12290;
 
 
 &#160;

文章分类

dojo1.7翻译 数组工具[DOJO]

dojo1.7翻译数组工具[DOJO]