forEach (), Array.map()和Array.filter()用法

　　

Array.forEach ()

　　

forEach()方法为每个数组元素调用一次函数(回调函数)。

　　

 <代码> & lt; !DOCTYPE html>
　　& lt; html>
　　& lt;元charset=皍tf - 8”比;
　　& lt; title> JavaScript Array.forEach () & lt;/title>
　　& lt; body>
　　
　　& lt; h3> JavaScript Array.forEach () & lt;/h3>
　　
　　& lt; p>为每个数组元素调用一次函数。;/p>
　　
　　& lt; p id=把菔尽弊４? lt;/p>
　　
　　& lt; script>
　　var txt=" ";
　　var数字=[45、4、9、16、25);
　　numbers.forEach myFunction ();
　　. getelementbyid(“演示”)。innerHTML=三种;
　　
　　函数myFunction(价值、索引数组){
　　txt=txt +价值+“& lt; br>”;
　　}
　　& lt;/script>
　　
　　& lt;/body>
　　& lt;/html>  

　　

请注意,该函数有3个参数:

　　

　　<李>元素值 　　<李>元素索引 　　<李>数组本身李 　　

　　

上面的示例仅使用价值参数。该示例可以重写为:

　　

 <代码> & lt; !DOCTYPE html>
　　& lt; html>
　　& lt;元charset=皍tf - 8”比;
　　& lt; title> JavaScript Array.forEach () & lt;/title>
　　
　　& lt; body>
　　
　　& lt; h3> JavaScript Array.forEach () & lt;/h3>
　　
　　& lt; p>为每个数组元素调用一次函数。;/p>
　　
　　& lt; p id=把菔尽弊４? lt;/p>
　　
　　& lt; script>
　　var txt=" ";
　　var数字=[45、4、9、16、25);
　　numbers.forEach myFunction ();
　　. getelementbyid(“演示”)。innerHTML=三种;
　　
　　函数myFunction(价值){
　　txt=txt +价值+“& lt; br>”;
　　}
　　& lt;/script>
　　
　　& lt;/body>
　　& lt;/html>  

　　

Array.map ()

　　

map()方法通过对每个数组元素执行函数来创建新数组。<强>地图()强方法是不执行没有值的数组元素的函数。<强>地图()强方法不会更改原始数组。

　　

此示例将每个数组值乘以2:

　　

 <代码> & lt; !DOCTYPE html>
　　& lt; html>
　　& lt;元charset=皍tf - 8”比;
　　& lt; title> JavaScript Array.map () & lt;/title>
　　& lt; body>
　　
　　& lt; h3> JavaScript Array.map () & lt;/h3>
　　
　　& lt; p>通过对每个数组元素执行函数来创建新数组。;/p>
　　
　　& lt; p id=把菔尽弊４? lt;/p>
　　
　　& lt; script>
　　var数=1 (45、4、9、16、25);
　　var numbers2=numbers1.map myFunction ();
　　
　　. getelementbyid(“演示”)。innerHTML=numbers2;
　　
　　函数myFunction(价值、索引数组){
　　返回值* 2;
　　}
　　& lt;/script>
　　
　　& lt;/body>
　　& lt;/html>  

　　

请注意,该函数有3个参数:

　　

　　<李>元素值 　　<李>元素索引 　　<李>数组本身李 　　

　　

当回调函数仅使用价值参数时,可以省略索引和数组参数:

　　

 <代码> & lt; !DOCTYPE html>
　　& lt; html>
　　& lt; body>
　　
　　& lt; h3> JavaScript Array.map () & lt;/h3>
　　
　　& lt; p>通过对每个数组元素执行函数来创建新数组。;/p>
　　
　　& lt; p id=把菔尽弊４? lt;/p>
　　
　　& lt; script>
　　var数=1 (45、4、9、16、25);
　　var numbers2=numbers1.map myFunction ();
　　
　　. getelementbyid(“演示”)。innerHTML=numbers2;
　　
　　函数myFunction(价值){
　　返回值* 2;
　　}
　　& lt;/script>
　　
　　& lt;/body>
　　& lt;/html>  

　　

Array.filter ()

　　

过滤器()方法创建一个新数组,其中包含传递测试的数组元素。此示例从值大于18的元素创建新数组:

　　

 <代码> & lt; !DOCTYPE html>
　　& lt; html>
　　& lt;元charset=皍tf - 8”比;
　　& lt; title> JavaScript Array.filter () & lt;/title>
　　& lt; body>
　　
　　& lt; h3> JavaScript Array.filter () & lt;/h3>
　　
　　& lt; p>使用通过测试的所有数组元素创建一个新数组。;/p>
　　
　　& lt; p id=把菔尽弊４? lt;/p>
　　
　　& lt; script>
　　var数字=[45、4、9、16、25);
　　var over18=numbers.filter myFunction ();
　　
　　. getelementbyid(“演示”)。innerHTML=over18;
　　
　　函数myFunction(价值、索引数组){
　　返回值比;18;
　　}
　　& lt;/script>
　　
　　& lt;/body>
　　& lt;/html>  

　　

请注意,该函数有3个参数:

　　

　　<李>元素值 　　<李>元素索引 　　<李>数组本身李 　　

　　

 <代码> & lt; !DOCTYPE html>
　　& lt; html>
　　& lt;元charset=皍tf - 8”比;
　　& lt; title> JavaScript Array.filter () & lt;/title>
　　& lt; body>
　　
　　& lt; h3> JavaScript Array.filter () & lt;/h3>
　　
　　& lt; p>使用通过测试的所有数组元素创建一个新数组。;/p>
　　
　　& lt; p id=把菔尽弊４? lt;/p>
　　
　　& lt; script>
　　var数字=[45、4、9、16、25);
　　var over18=numbers.filter myFunction ();
　　
　　. getelementbyid(“演示”)。innerHTML=over18;
　　
　　函数myFunction(价值){
　　返回值比;18;
　　}
　　& lt;/script>
　　
　　& lt;/body>
　　& lt;/html> 
forEach (), Array.map()和Array.filter()用法