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. mybatis探究之延迟加载和缓存

    mybatis探究之延迟加载和缓存 一.什么是延迟加载 1.延迟加载的概念 在mybatis进行多表查询时,并非所有的查询都需要立即进行.例如在查询带有账户信息的用户信息时,我们们并不需要总是在加载用 ...

  2. go例子(三) 使用context实现发牌手策略

    使用context包实现发牌手策略, 发牌手策略:罗永浩在介绍TNT工作站时描述,将一个任务分发给多个处理者处理,谁先处理完使用谁的结果,取消其他的处理者的任务. 经典的例子:同时在百度.google ...

  3. js获取按钮的文字

    button按钮有两种情况: 1 <input type="button" id="button" value="button"> ...

  4. hive实践_01

    本地一份包含有中文的文本文件在上传到hive前,需要先转化为UTF-8格式,否则会出现乱码.(notepad++ 格式>>>转化UTF-8编码格式)   -------------- ...

  5. 还记得第一个看到的Flutter组件吗?

    注意:无特殊说明,Flutter版本及Dart版本如下: Flutter版本: 1.12.13+hotfix.5 Dart版本: 2.7.0 MaterialApp 在学习Flutter的过程中我们第 ...

  6. linux下查看系统版本

    工作中我们会遇到安装软件需要知道linux是什么发行版本,话不多话上干货(按照我认为常用排序) 1. lsb_release -a 名词解释:LSB (Linux Standard Base) # 如 ...

  7. 杂谈 | 增量思维v.s.存量思维

      无挂碍故,无有恐怖,远离颠倒梦想,究竟涅槃. ——<心经>   声明在前,本文并不是要论述“存量思维”是不好的, 而是整理某些场景下需要摒弃“存量思维”,或者提倡“增量思维”.   1 ...

  8. Functional mechanism: regression analysis under differential privacy_阅读报告

    Functional mechanism: regression analysis under differential privacy 论文学习报告 组员:裴建新   赖妍菱    周子玉 2020 ...

  9. Codeforces Add on a Tree

    Add on a Tree time limit per test 1 second memory limit per test 256 megabytes input standard input ...

  10. Centos单机部署Elasticsearch7.2集群

    配置node0 # ======================== Elasticsearch Configuration ========================= # # NOTE: E ...