jq 常用工具方法

jq 常用工具方法

  • jq 常用工具方法
方法作用參數返回值
$.type()區分所有類型要判斷的變量字符串
$.isFunction()判斷是否是函數要判斷的變量true:是函數 false:不是函數
$.isEmptyObject()判斷數組和對象是否爲空要判斷的數組和對象名true:爲空false:不爲空
$.each()遍歷數組要遍歷的數組名,function
$.merge()合併兩個數組,第一個數組會被改變,第二個數組不會數組1,數組2
$.grep()數組過濾要過濾的數組,function,boolean
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="./jquery-3.4.1.js"></script>
</head>
<body>
    <script>
    //jq 工具方法
    //格式爲 $.xxxx
    //工具方法(靜態方法) //jq與原生都能用 但還是要引用jquery

    //區分所有類型 $.type  返回值Wie字符串
     let str=[];
     let fff=function(){}
     console.log($.type(str)) //array
     console.log($.type(fff)) //function

    //判斷是否是函數 $.isFunction  返回值爲boolean
    let foo=function(){}
    console.log($.isFunction(foo)) //true

    //判斷數組和對象是否爲空 $.isEmptyObject //返回值爲boolean
    console.log($.isEmptyObject(foo)) //true
    console.log($.isEmptyObject(['1','2','3']))  //false

    //循環數組得到其下標和每個元素 $.each
    let arr=[1,2,3,4,5,6,7,8,9];
    $.each(arr,function(i,elem){
        console.log(elem)
    })
    
    //合併兩個數組,第二個數組不會改變,第一個數組會被改變 $.merge
    let a=[1,2,3];
    let b=[4,5,6];
    console.log($.merge(a,b))//[1,2,3,4,5,6]
    console.log(a)//[1,2,3,4,5,6]

    //過濾 $.grep 第三個參數默認爲false 爲true時 返回不滿足條件的值
    let c=[1,2,3,4,5,6,7,8,9];
    let d=$.grep(c,function(v,i){
        return v>5
    },true)
    console.log(d)//1,2,3,4,5 
    </script>
</body>
</html>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章