• JQuery操作Javascript对象和数组的工具函数总览


    JQuery提供了很多实用的工具函数。这些函数主要分为两类,操作集合数组的函数和非集合数组函数。

    JQuery操作非集合数组函数

    $.trim(value)

    这个函数很简单,从value中删除任何前导或尾随的空白字符。空白字符为任何匹配Javascript正则表达式\s的任何字符。包括空格、换页、换行、回车、tab、垂直指标符等。

    $.each(container, callback)

    对container的每一项进行迭代,为每一项调用回调函数callback。

    container 可以是对象或数组。如果是js对象,则迭代其每个属性;如果是数组,则迭代其每个元素。

    callback 回调函数。为每个迭代的调用一次。第一个参数数组元素的下标或对象属性的名称,第二个参数是对应数组元素或对象属性的值。调用的函数上下文(this)和第二个函数相同。

    var obj = {a:1, b:2, c:3};
    $.each(obj, 
    function(name, value){
        alert(name 
    + ':' + value);
    });

    $.extend(target, source1, source2, ..., sourcen)

     用source1...n 对象的属性来扩展target对象。返回值为扩展后的对象。

    1 var target = { a:1, b:2, c:3 };
    2     var source1 = { c:4, d:5, e:6 };
    3     var source2 = { e:7, f:8, g:9 };
    4     $.extend(target, source1, source2);
    5     $.each(target, function(name, value){
    6         alert(name + ':' + value);
    7     });

    返回的值为{a:1, b:2, c:4, d:5, e:7, f:8, g:9}

    $.getScript(url, callback)

    动态加载js脚本。并在成功获取脚本时调用回调函数。

    $.noConflict

    避免$别名冲突。一旦执行$.noConflict函数,就必须使用jQuery名称调用。

    JQuery处理数组函数

    $.each(container, callback)

    这个函数也可以迭代数组。具体说明上面有。

    $.grep(array, callback, invert)

    遍历已传入的数组,为各元素调用对调函数。回调函数的返回值决定是否把当前元素收集到新数组,新数组作为$.grep的返回值。callback回调函数需要返回一个bool类型的值。如果invert省略或为false,则回调函数返回TRUE的元素被收集到返回结果中。invert为true,则回调函数返回false的元素被收集到返回结果中。

    $.map(array, callback)

    遍历数组,为各元素调用callback函数,并把callback函数返回值收集到新数组中返回。

    $.inArray(value,array)

     返回已传入的值在数组中第一次出现的下标。如果该值在数组中不存在,返回-1。

  • 相关阅读:
    【Prometheus学习笔记】主机监控 -node_exporter
    【Django学习笔记】-环境搭建
    【Python学习笔记】-虚拟环境virtualenv
    对象存储服务-Minio
    网络流各算法超详细带源码解析
    做题记录节选
    日常
    板刷NOI
    题解 宝石
    题解 矩阵游戏
  • 原文地址:https://www.cnblogs.com/hyl8218/p/1653485.html
Copyright © 2020-2023  润新知