`
serisboy
  • 浏览: 172604 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

javascript遍历json的几种方式

阅读更多
第一种:对象模式
<script type="text/javascript">
   //1.首先json 格式一定要这样写,尽管说这只是其中的一种方式
  var json = {"options":"[{\"text\":\"王家湾\",\"value\":\"9\"},{\"text\":\"李家湾\",\"value\":\"10\"},{\"text\":\"邵家湾\",\"value\":\"13\"}]"} 
  json = eval(json.options)// 注意options,如果不写Options ,下面的写法就是json.options.length
  for(var i=0; i<json.length; i++)
  {
     alert(json[i].text+" " + json[i].value)//访问
  }
</script>

第二种:数组
<script type="text/javascript">
   //1.首先json 格式一定要这样写,尽管说这只是其中的一种方式
  var json = "[\"1\",\"2\"]"
  //2.访问
  json = eval(json)
   alert(json[0]);//1
   alert(json[1]);//2
</script>

ps:网络转载
分享到:
评论

相关推荐

    javascript遍历json对象的key和任意js对象属性实例.docx

    ### JavaScript遍历JSON对象的Key和任意JS对象属性实例 #### 概述 在JavaScript编程中,经常需要遍历对象的属性来进行数据处理或逻辑控制。对于JSON对象(本质上是JavaScript对象的一种)和其他类型的对象,我们...

    Jquery遍历json的两种数据结构.docx

    在jQuery中,遍历JSON数组的例子如下: ```javascript var arr = [{name: "john", lang: "js"}, {name: "nailwl", lang: "jquery"}, {name: "吴磊", lang: "ext"}]; $.each(arr, function(index, content) { alert...

    Jquery遍历Json数据的方法

    在遍历JSON数据时,需要注意以下几点: - 确保在文档的`&lt;head&gt;`标签中引入了jQuery库。 - 遍历数组时,确保正确处理索引和值。 - 动态内容显示在`&lt;body&gt;`中,而不是`&lt;head&gt;`或`&lt;script&gt;`标签内。 - 遵循最佳实践,...

    Javascript Jquery 遍历Json的实现代码

    总结来说,遍历JavaScript和jQuery中的JSON数据主要有以下几种方式: - 对于JSON对象,可以使用`for...in`循环。 - 对于JSON数组,可以使用`forEach()`、`for`循环或jQuery的`$.each()`。 理解这些基础操作对于处理...

    JS遍历JSON数组及获取JSON数组长度操作示例【测试可用】

    2. 如何使用JavaScript遍历JSON数组。 3. 如何编写函数获取JSON数组的长度。 4. for...in循环在遍历对象属性中的应用。 5. 在线工具在JSON数据处理中的使用。 6. JavaScript中关于JSON数据处理的高级技巧和最佳实践...

    jQuery遍历json的方法分析

    jQuery库提供了几种方法来遍历JSON格式的数据,下面介绍几种常见的遍历方法: 1. for循环:这是最基础的遍历数组或对象的方法之一,在遍历JSON数据时,可以直接使用JavaScript的for循环语法来访问JSON对象中的数组...

    jQuery 遍历json数组的实现代码

    在本文中,我们将探讨如何使用jQuery以及原生JavaScript来遍历JSON数组。首先,我们看看使用jQuery遍历JSON数组的方法。 jQuery提供了`.each()`方法,它用于遍历jQuery对象或数组。在遍历JSON数组时,我们可以将...

    JSON遍历方式实例总结

    在JavaScript中,我们可以利用不同的方法来遍历JSON对象或数组,这里结合具体的实例来详细总结了几种常见的遍历技巧。 1. 使用for循环进行遍历 for循环是JavaScript中最基本的循环结构之一,适用于遍历数组元素。在...

    遍历json获得数据的几种方法小结

    解析JSON数据的常用方法是JavaScript,下面详细介绍几种不同的遍历JSON数据的方法。 首先,我们来看第一种方法。假设我们有如下JSON对象: ```javascript var list1 = [1, 3, 4]; alert(list1[1]); // 输出:3 ...

    comboBox 加载数据的几种方式

    ### comboBox加载数据的几种方式 在用户界面设计中,`comboBox`是一种常见的控件类型,用于展示下拉列表供用户选择。它广泛应用于各种应用程序之中,包括但不限于桌面应用、网页应用等。`comboBox`能够根据不同的...

    js操作json

    JavaScript 操作 JSON ...JavaScript 提供了多种方法来操作 JSON 数据,包括将 JSON 对象转换为字符串、将字符串转换为 JSON 对象、遍历 JSON 数据等。了解 JSON 的基本概念和操作方法对于 Web 开发是非常重要的。

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

    5. **JavaScript 遍历JSON对象**: 在JavaScript中,可以使用`for...in`循环遍历JSON对象的属性。示例中展示了两种方法,一种是嵌套的`for...in`循环,另一种是通过迭代JSON对象的属性来构建字符串。 6. **JQuery...

    JavaScript中使用Json范例

    JavaScript中的JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它基于JavaScript的一个子集。JSON采用完全独立于语言的文本格式,但也使用了类似于C家族语言,包括C、C++、C#、Java、JavaScript、...

    json-c-master_cjson_JSON_JSONC语言_json-c_

    3. **遍历JSON**:`json_object_iter()`和`json_object_iter_next()`函数可以用来遍历JSON对象的键值对,而`json_object_array_get_idx()`用于获取数组中的特定元素。 4. **序列化与反序列化**:`json_object_to_...

    前端展示json数据,格式化,可折叠展开

    3. 递归遍历JSON对象,为每个键生成对应的HTML元素。 4. 对于值是对象或数组的情况,初始状态下默认折叠,设置点击事件监听器,用于切换折叠/展开状态。 5. 使用CSS美化展示,比如添加适当的缩进和颜色区分,使结构...

    json数据展现页面

    例如,你可以遍历JSON对象,为每个键值对创建一个新的HTML元素: ```javascript for (let key in jsonObject) { let element = document.createElement('div'); element.textContent = `${key}: ${jsonObject...

    Json 解析事例

    在jsontest文件中,可能包含了如何创建、解析和操作JSON对象的示例代码,包括读取JSON文件、动态生成JSON数据、遍历JSON结构等内容。如果你是初学者,通过这些例子可以更好地理解JSON的使用方式,并掌握在实际项目中...

    Json页面总结

    根据提供的文件信息,我们可以从中提炼出以下几个相关的IT知识点: ### JSON与JavaScript对象转换 #### JSON.stringify() 方法 在文件中的 `print` 函数中使用了 `JSON.stringify()` 方法来将 JavaScript 对象转换...

    JavaScript解析JSON数据示例

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。在JavaScript中,JSON不仅易于处理,而且由于其原生支持的特性,使用起来十分便捷。 首先,要理解...

    js读取json数据动态生成列数不固定的表格

    1. **JSON数据解析**:JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。在js中,可以使用`JSON.parse()`方法将JSON字符串转换为JavaScript对象。 2. ...

Global site tag (gtag.js) - Google Analytics