*Jquery第二天$.map,$.each,$.trim

最新推荐文章于 2024-09-05 01:05:42 发布

BowenXu11

最新推荐文章于 2024-09-05 01:05:42 发布

阅读量110

点赞数

分类专栏： Jquery

本文链接：https://blog.csdn.net/BowenXu11/article/details/105554206

版权

Jquery 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

*Jquery第二天
//map函数遍历数组，返回一个新的数组。
var newArray=$.map(array,function(element,index){});

练习题：
1.数值数组翻倍，放入新数组
2.数值数组大于三的，翻倍，放入数组*

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>

    <script src="js/jquery-3.5.0.js"></script>
    <script type="text/javascript">
        //1.数值数组翻倍，放入新数组
        var array1 = [1, 2, 3, 4, 5, 6, 7, 8, 9];
        var newArray1=$.map(array1, function (element, index) {
            return element * 2;
        });
        alert(newArray1);
        //2.数值数组大于三的，翻倍，原值放入数组
        var newArray2 = $.map(array1, function (element, index) {
            if (element > 3) {
                return element * 2;
            }
            else {
                return element;
            }
        });
        alert(newArray2);
    </script>
</head>
<body>

</body>
</html>

$.each
//遍历键值对集合
$each(objPerson,function(key,value){}); 在$ .each循环中，跳出循环使用的是return false，不是break

   <script src="js/jquery-3.5.0.js"></script>
    <script type="text/javascript">
        var dict = {
            'user_name': '王大力',
            'user_gender': '男',
            'user_age': 18,
            'user_phone':'13811990066'
        };
        $.each(dict, function (key, value) {
            if (value >= 18) {
                alert('已成年');
            }
            alert(key+'  我是each  '+value)
        })

    </script>

$.trim()
//删除字符串两边的空格

  <script src="js/jquery-3.5.0.js"></script>
    <script type="text/javascript">  
        var string = '         北京至诚众禾广告有限公司   www.zcv.net.cn         ';
        var newStr = $.trim(string);//注意，不是改变原字符串，是返回一个新字符串

        alert('==' + newStr + '==');

    </script>