• 技术文章 >web前端 >js教程

    jquery遍历筛选数组的几种方法和遍历解析json对象_jquery

    2016-05-16 17:09:22原创959
    jquery grep()筛选遍历数组
    复制代码 代码如下:

    $().ready(
    function(){
    var array = [1,2,3,4,5,6,7,8,9];
    var filterarray = $.grep(array,function(value){
    return value > 5;//筛选出大于5的
    });
    for(var i=0;ialert(filterarray[i]);
    }
    for (key in filterarray){
    alert(filterarray[key]);
    }
    }
    );

    jquery each()筛选遍历数组
    复制代码 代码如下:

    $().ready(
    function(){
    var anObject = {one:1,two:2,three:3};//对json数组each
    $.each(anObject,function(name,value) {
    alert(name);
    alert(value);
    });
    var anArray = ['one','two','three'];
    $.each(anArray,function(n,value){
    alert(n);
    alert(value);
    }
    );
    }
    );

    jquery inArray()筛选遍历数组
    复制代码 代码如下:

    $().ready(
    function(){
    var anArray = ['one','two','three'];
    var index = $.inArray(‘two',anArray);
    alert(index);//返回该值在数组中的键值,返回1
    alert(anArray[index]);//value is two
    }
    );

    jquery map()筛选遍历数组
    复制代码 代码如下:

    $().ready(
    function(){
    var strings = ['0','1','2','3','4','S','6'];
    var values = $.map(strings,function(value){
    var result = new Number(value);
    return isNaN(result) ? null:result;//isNaN:is Not a Number的缩写
    }
    );
    for (key in values) {
    alert(values[key]);
    }
    }
    );

    js遍历解析json对象1
    复制代码 代码如下:

    var json = [{dd:'SB',AA:'东东',re1:123},{cccc:'dd',lk:'1qw'}];
    for(var i=0,l=json.length;ifor(var key in json[i]){
    alert(key+':'+json[i][key]);
    }
    }

    js遍历解析json对象2

    有如下 json对象:
    var obj ={”name”:”冯娟”,”password”:”123456″,”department”:”技术部”,”sex”:” 女”,”old”:30};
    遍历方法:
    复制代码 代码如下:

    for(var p in obj){
    str = str+obj[p]+',';
    return str;
    }

    下面通过例子来说明下具体实现方法

    JQuery拿取对象的方式

    $(‘#id') :通过元素的id
    $(‘tagName') : 通过元素的标签名
    $(‘tagName tagName') : 通过元素的标签名,eg: $(‘ul li')
    $(‘tagName#id): 通过元素的id和标签名
    $(‘:checkbox'):拿取input的 type为checkbox'的所有元素:
    Eg: value="imperial"/>

    $('span[price] input[type=text]') :拿取下面的input元素

    disabled="disabled" value="1"/>

    $('div',$(this).parents('div:first')):拿取该div的上(至少都是父节点)的第一个div节点
    $('~ span:first',this): locates the first sibling of this that's a element.

    延迟加载js文件:
    $.getScript

    例子:
    Html文件:

    复制代码 代码如下:




    $.getScript Example













    $.getScript Example










    Js文件:
    复制代码 代码如下:

    alert("I'm inline!");

    var someVariable = 'Value of someVariable';

    function someFunction(value) {
    alert(value);
    }

    function test() {
    alert('test');
    }
    alert("I'm inline!");
    var someVariable = 'Value of someVariable';
    function someFunction(value) {
    alert(value);
    }
    function test() {
    alert('test');
    }

    jquery数组处理:
    复制代码 代码如下:




    Hi!




    First
    Second
    Third
    Fourth
    Fourth






    Hi!




    First
    Second
    Third
    Fourth
    Fourth



    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

    前端(VUE)零基础到就业课程:点击学习

    清晰的学习路线+老师随时辅导答疑

    自己动手写 PHP MVC 框架:点击学习

    快速了解MVC架构、了解框架底层运行原理

    上一篇:xmlhttp缓存清除的2种解决方法_javascript技巧 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• 浅析Angular中的Change Detection机制• 浅析Angular变更检测中的订阅异步事件• 一文聊聊node中的path模块• 一文带你深入了解Node中的Buffer类• 实战学习:聊聊Node.js怎么操作数据库
    1/1

    PHP中文网