js,jquery-----each方法，map静态方法，还有其他静态方法

本文链接：https://blog.csdn.net/qq_44772414/article/details/107803732

js,jquery-----each方法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.js"></script>
    <script>
        var arr=[1,3,5,7,9];
        var obj={0:1,1:3,2:5,3:7,length:4}

/*            js提供的
            value:第一个参数当前遍历到的元素
            index:第二个参数当前的索引
            注意点：原生的js只能遍历数组不能遍历伪数组，也就是不能遍历对象
*/
        arr.forEach(function (value, index) {
            console.log(index,value)
        })
        obj.forEach(function (value, index) {
            console.log(index,value)
        })
/*        1.利用jquery的each静态方法遍历数组
        index:第一个参数当前遍历的索引
        value:第二个参数当前遍历的值
        注意点：
         jquery的each是可以遍历伪数组的*/
        $(arr).each(function (index,value) {
            console.log(index,value);
        })
        $(obj).each(function (index,value) {
            console.log(index,value);
        })
    </script>
</head>
<body>

</body>
</html>

在这里插入图片描述

js,jquery-----map方法
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.js"></script>
    <script>
        var arr=[1,3,5,7,9];
        var obj={0:1,1:3,2:5,3:7,length:4}
/*        1.利用原生js的map方法遍历
        value:第一个元素当前遍历到的元素
        index:第二个元素当前遍历的索引
        array:第三个元素当前被遍历的数组*/
        //注意点：  和原生的foreach一样不能遍历伪数组
        arr.map(function (value, index, array) {
            console.log(index,value,array)
        })
        obj.map(function (value, index, array) {
            console.log(value,index,array)
        })

/*        index:第一个元素当前遍历的索引
        array:第二个元素当前被遍历的元素
        注意点： 和jquery中的each一样,map静态方法也可以遍历伪数组*/
        $(arr).map((index, value) => {
            console.log(index,value)
        })

       var res1= $(obj).map((index, value) => {
            console.log(index,value)
            return index+value;
        })
        var res2=$(obj).each(function (index,value) {
            console.log(index,value);
        })
        //jquery中的each静态方法和map静态方法的区别：
        // each静态方法默认的返回值就是，遍历谁就返回谁
        // map默认的返回值是一个空的伪数组

        // each静态方法不支持在回调函数中对遍历的数组进行操作
        // map支持在回调函数的return对遍历的数组进行处理并返回一个新的数组返回
        console.log(res1);
        console.log(res2)
    </script>
</head>
<body>

</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.js"></script>
    <script>
        /*
        * $.trim
        * 作用：去除字符串两边的空格
        * 参数：需要去除空格的字符串
        * 返回值：去除空格之后的字符串
        * */
        var str="     inj     ";
        var s=$.trim(str);
        console.log("----"+str+"------");
        console.log("------"+s+"------");

        //真数组
        var arr=[1,3,5,7,9];
        //伪数组
        var arrlike={0:1,1:3,2:5,3:7,length:4};
        //对象
        var obj={"name":"xiaonan","age":"12"};
        //函数
        var fn=function () {
        };
        //windows对象
        var w=window;

        /*
        * $.isWindow();
        * 作用：判断输入的对象是window对象
        * 返回值：true/false
        * $.isArray();
        * 作用：判断输入的是数组
        * 返回值：true/false
        * $.isFunction();
        * 作用：判断输入的是否是函数
        * 返回值：true/false
        * 注意点:jquery本质上是一个函数
        * */
        // var a=$.isWindow(w);
        // console.log(a)
        //  var a=$.isArray(arr)
        //  console.log(a)
        var a =$.isFunction(fn);
        console.log(a);

    </script>
</head>
<body>

</body>
</html>

在这里插入图片描述