javvascript的map函数与each函数的区别

最新推荐文章于 2022-08-24 14:56:47 发布

原创最新推荐文章于 2022-08-24 14:56:47 发布 · 391 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#函数 #map #each

前端专栏收录该内容

5 篇文章

订阅专栏

本文探讨了JavaScript中数组的两种主要遍历方法：标准JavaScript的`forEach`及`map`方法，以及jQuery的`$.each`方法。通过具体实例对比了不同方法的参数顺序差异，并介绍了如何利用这些方法来实现基本的数组操作。

<div class="demo">
     <ul>
        <li>aaa</li>
        <li>bbb</li>
        <li>ccc</li>
        <li>ddd</li>
        <li>eee</li>
    </ul>
</div>
 <script src="js/jquery/jquery.min.js"></script>
 <script>
 var Array = [1,1,1,1,1,1,1];
 //forEach与map的参数顺序与jquery each $.each的顺序正好相反，js的顺序为，先element再index
     Array.forEach(function(element,index){
        console.log(element);
 });
 var arr = Array.map(function(element,index){
    return 2
 });
 console.log(arr);
 //jquery的顺序为先index再 element,并且，$.each除了传递 index 与element 还可以传递别的参数，
 //index与element就会失效；
 //注意使用 .each的时候，需要将数组转换为jquery数组；
 $(function(){
     $(Array).each(function(index,element){
         console.log(element)
     });
 
    $.each(Array,function(index,element){
         console.log(element);
 //        若需要对element进行jquery方法的操作,需要按照下面这种方式书写，将其转换为jquery对象;
 //        console.log($(element))
     });
  //    $.each传递其它参数用法；
     $.each(Array,function(e1,e2,e3){
        console.log(e2);
 
     },[11,22,33])
 });
 
</script>