javascript中五種迭代方法實例

溫習一下js中的迭代方法。

<script type="text/javascript">
　　var arr = [1, 2, 3, 4, 5, 4, 3, 2, 1];

　　//所有項為false，則為false
　　//否則直到遍歷到第一個為true的值，返回true
　　//類似於數學里的‘或’
　　console.log(arr.some((item, index, array) => {
　　　　console.log('type=some,' + 'item=' + item + ',index=' + index + ',array=' + array);
　　　　return item > 3;
　　}));

　　//所有項都為true，則返回true
　　//否則遍歷到第一個為false的值，返回false
　　//類似於數學里的‘與’
　　console.log(arr.every((item, index, array) => {
　　　　console.log('type=every,' + 'item=' + item + ',index=' + index + ',array=' + array);
　　　　return item > 3;
　　}));

　　//遍歷完全，返回由結果為true的值組成的數組
　　console.log(arr.filter((item, index, array) => {
　　　　//console.log('type=filter,' + 'item=' + item + ',index=' + index + ',array=' + array);
　　　　return (item > 3);

　　}));

　　//遍歷完全，將每一項帶入函數，返回由結果組成的數組
　　console.log(arr.map((item, index, array) => {
　　　　//console.log('type=filter,' + 'item=' + item + ',index=' + index + ',array=' + array);
　　　　return (item * 3);

　　}));

　　//遍歷完全，類似for迴圈
　　arr.forEach((item, index, array) => {
　　　　console.log('type=forEach,' + 'item=' + item + ',index=' + index + ',array=' + array);
　　});
</script>