首页 > 技术文章 > 02jquery笔记-----------遍历数组和键值对的两种方法

clcloveHuahua 2016-01-11 14:11 原文

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="jquery-1.8.3.js"></script>
    <script type="text/javascript">
        var arr = [1, 2, 3, 4, 5, 8, 7, 89, 15, 17, 76, 24];
        //$.map(array,fn)对数组array中每个元素调用fn函数逐个进行处理,fn函数将处理返回,最后得到一个新数组
        //主要用于遍历数组中的元素。。且当改变元素的时候返回一个新的数组

        //当有两个参数的时候是值和索引
        //$.map(arr, function (ele,index) {
        //    alert(ele+'==='+ index)
        //});
        //当只有一个参数的时候表示该值(也开遍历键值对,但是可能会出错)
        //$.map(arr, function (ele) {
        //    alert(ele);
        //});
        //查看map里面3个参数到底是什么,提示:使用argument
        //$.map(arr, function () {
        //    for (var i = 0; i < arguments.length; i++) {
        //        alert('总的有' + arguments.length + '个元素' + '' + '第' + (i + 1) + '个元素是' + arguments[i]);
        //    }
        //});

        //返回数组的两倍值
       //var arr2= $.map(arr, function (ele) {
       //     return ele * 2;
       // });
       // //可以直接打印出来不用遍历
       //alert(arr2);


       //$.each(array,fn)对数组arry每个元素调用fn函数进行处理,没有返回值。
      
        //var dict = {'虎痴':'许褚','战神':'关羽','鬼才':'郭嘉'};
        //$.each(dict, function (key,value) {
        //    alert(key+'==='+value);
        //});

        //当要遍历数组的时候可以不用参数 使用 this代表当前元素
        var arr = ['张飞', '关羽', '赵云', '许褚', '典韦', '徐庶', '张辽'];
        $.each(arr, function () {
            alert(this + '猛将');
        });



    </script>
</head>
<body>

</body>
</html>

  

推荐阅读