JS遍历JSON对象

JS遍历JSON对象

<script>
var obj = {
"goodsid": "01001", "goodsname": "铅笔", "goodsprice": "1.5"
};
</script>

JS遍历方法

  for (var key in obj) {
document.write(obj[key]+"<br>");
}

Jquery遍历方法

        $.each(obj, function (index, value) {
alert(value);
});
</script>

JS遍历JSON数组

JSON数组

var jsonArr = [

            {

                "goodsid": "01001",
"goodsname": "铅笔",
"goodsprice": "1.5" }, { "goodsid": "01002",
"goodsname": "钢笔",
"goodsprice": "25" }, { "goodsid": "01003",
"goodsname": "毛笔",
"goodsprice": "15" } ];

JS遍历方法

for (var i = 0, l = jsonArr.length; i < l; i++) {
for (var key in jsonArr[i]) {
document.write(key + ':' + jsonArr[i][key]+"<br>");
}
}

JQ遍历方式

$.each(jsonArr,function(index,value){
alert(value.year);
});

遍历JSON对象字符串

1JSON字符串

 var str = {
"goodsid": "01001", "goodsname": "铅笔", "goodsprice": "1.5"
};

遍历方式:先将字符串转换为JSON对象

var obj = JSON.parse(str);

再用遍历JSON对象的方式遍历它,方式与前面一样,不再表述。

遍历JSON数组字符串

JSON数组字符串

var jsonArrStr= [

            {

                "goodsid": "01001",
"goodsname": "铅笔",
"goodsprice": "1.5" }, { "goodsid": "01002",
"goodsname": "钢笔",
"goodsprice": "25" }, { "goodsid": "01003",
"goodsname": "毛笔",
"goodsprice": "15" } ];

遍历方式:先将字符串转换为JSON数组

var jsonArr = $.parseJSON(jsonArrStr);

再用遍历JSON数组的方式遍历它,方式与前面一样,不再表述。

JS/Jquery遍历JSON对象、JSON数组、JSON数组字符串、JSON对象字符串的更多相关文章

  1. js jquery 遍历 for,while,each,map,grep

    js jquery 遍历 一,for循环. // 第一种var arr = [1, 2, 3];for(var i = 0; i < arr.length; i++) { console.log ...

  2. js,jquery遍历数组,对象

    each的用法  1.数组中的each 复制代码 var arr = [ "one", "two", "three", "four ...

  3. js jquery 实现html页面之间参数传递(单一参数、对象参数传递)

    最近自己在忙着做毕业设计,后台程序员,前端菜鸡,因为需要,所以实现了html页面之间参数传递.------jstarseven .菜鸡的自我修养. 页面A代码如下: <!DOCTYPE html ...

  4. JS/jQuery 遍历对象属性

    Javascript For/In 循环: 循环遍历对象的属性 var person={fname:"John",lname:"Doe",age:25}; fo ...

  5. Jquery遍历筛选数组的几种方法和遍历解析json对象|Map()方法详解

    Jquery遍历筛选数组的几种方法和遍历解析json对象|Map()方法详解 一.Jquery遍历筛选数组 1.jquery grep()筛选遍历数组 $().ready( function(){ v ...

  6. jquery遍历json与数组方法总结

    来自:http://www.php100.com/html/program/jquery/2013/0905/5927.html 先我们来参考each() 方法,each()规定为每个匹配元素规定运行 ...

  7. JQuery遍历json数组的3种方法

    这篇文章主要介绍了JQuery遍历json数组的3种方法,本文分别给出了使用each.for遍历json的方法,其中for又分成两种形式,需要的朋友可以参考下 一.使用each遍历 $(functio ...

  8. jquery遍历获取带checkbox表格的选中值以及遍历json数组

    今天整理了一下jquery遍历的两个用法,分享给大家. 1.$().each 主要用来遍历DOM元素,获取DOM的值或样式等. 2.$.each() 主要用来遍历后台ajax返回的json数组,循环将 ...

  9. 为什么js的"关联数组"不能转成json字符串而对象可以?

    定义这么一个js的“关联数组”: var arr = new Array(); arr[; arr[; alert(JSON.stringify(arr)); 得到的结果如图: [] 一句话,你的 a ...

随机推荐

  1. Alibaba Sentinel 限流与熔断初探(技巧篇)

    目录 1.Sentinel 是什么 ?主要能解决什么问题? 2.限流与熔断的使用场景 3.Sentinel 源码结构 4.在 IntelliJ IDEA 中运行 Sentine Demo 温馨提示:源 ...

  2. selenium+Python 将登录模块化

      公共模块化:(登录) login.py   from selenium import webdriver from time import sleep   class login(): def u ...

  3. Sublime text 3 运行python3

    要在Sublime text3编译器中成功运行 python3,需要在编译器设置中将python3添加至编译器中 新建编译系统 编辑弹出的文件,添加如下内容: { "cmd":[& ...

  4. GitHub 热点速览 Vol.11:回暖的 GitHub 迎来上千星的图片流项目

    作者:HelloGitHub-小鱼干 摘要:连着两周成绩平平的 GitHub Trending 榜,终于和三月的天气一样进入全面变暖的模式,无论是本周刚开源搭乘 ocr 热点并获得 1,500+ st ...

  5. springboot项目中接口入参的简单校验

    .katex { display: block; text-align: center; white-space: nowrap; } .katex-display > .katex > ...

  6. Spark入门(六)--Spark的combineByKey、sortBykey

    spark的combineByKey combineByKey的特点 combineByKey的强大之处,在于提供了三个函数操作来操作一个函数.第一个函数,是对元数据处理,从而获得一个键值对.第二个函 ...

  7. Windows通过VNC连接并显示Linux桌面(Ubuntu16.04)

    目录 Linux中安装VNC服务 Linux中安装桌面环境 Windows中安装VNC Viewer Linux中安装VNC服务 sudo apt-get update sudo apt-get in ...

  8. tempdb 日志文件增长的问题

    前两天在一个客户那里发现tempdb log 文件增长很大,已经使用40GB了,而tempdb log 文件总的分配空间是70GB,并且日志空间貌似不能重用,他们使用sql 2012 打的sp4补丁, ...

  9. treeselect 异步拿到数据后 要经过一个过滤 然后放入options 否则组件会崩溃

    事件缘由:由于城市树会反复调用,所以不用api每次调用,改用数据缓存一次读取,各处使用.然后我把调用的数据放入treeselect,发现组件就崩溃了,但是api读取的数据就没问题. 查看不是props ...

  10. linux入门系列18--Web服务之Apache服务1

    前面系列文章讲解了Linux下通过文件传输.文件共享.邮件系统来分享和获取资源,本文讲解网络资源获取和共享的另外一种形式,通过Apache服务程序来提供Web服务. 本文先讲解目前主流的Web服务程序 ...