JQuery 遍历数组或者JSON

小星向上

已于 2022-04-11 17:41:51 修改

阅读量3.3k

点赞数 2

分类专栏： JavaScript 文章标签： jquery遍历 jquery 遍历数组 jquery遍历json

于 2022-04-07 17:12:57 首次发布

本文链接：https://blog.csdn.net/sunshinezx8023/article/details/124021136

版权

JavaScript 专栏收录该内容

9 篇文章 2 订阅

订阅专栏

本文介绍了JavaScript中forin遍历数组和JSON对象的方法，包括for-in循环和$.each()函数，并展示了相应的代码示例和输出结果。深入理解这两种遍历方式有助于提升JavaScript编程技能。

摘要由CSDN通过智能技术生成

for in 遍历

数组遍历

代码:

 //定义一个数组
    var arrys = ['张三','李四','王二麻子'];
    //遍历
    for(let index in arrys){
        console.log(index); //下标值
        console.log(arrys[index]) //数组下标对应的value值
    }

输出结果:

JSON遍历

代码:

 //定义一个json
    var jsons = {'id':1,'name':'张三'};
    //遍历json
    for(let key in jsons){
        console.log("key值:"+key); //key值
        console.log("value值:"+jsons[key]); //value值
    }

输出结果:

$.each()遍历

数组遍历

代码:

 $.each(arrys,function (index,value) {
        console.log(index); //第一个参数为:数组下标
        console.log(value) ;// 第二个参数为: 值
    })

输出结果:

JSON遍历

代码:

 $.each(jsons,function (key,value) {
        console.log(key); //json的key值
        console.log(value);//value值
    })

输出结果:

附上全部代码:

 //定义一个数组
    var arrys = ['张三','李四','王二麻子'];
    //for in 遍历数组
    for(let index in arrys){
        console.log(index); //下标值
        console.log(arrys[index]) //数组下标对应的value值
    }
    //$.each遍历数组
    $.each(arrys,function (index,value) {
        console.log(index); //第一个参数为:数组下标
        console.log(value) ;// 第二个参数为: 值
    })

    //定义一个json
    var jsons = {'id':1,'name':'张三'};
    //for in 遍历json
    for(let key in jsons){
        console.log("key值:"+key); //key值
        console.log("value值:"+jsons[key]); //value值
    }
    //$.each() 遍历json
    $.each(jsons,function (key,value) {
        console.log(key); //json的key值
        console.log(value);//value值
    })