`
king123654789
  • 浏览: 288881 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery 对 Json 的各种遍历

    博客分类:
  • Json
阅读更多

grep
<script type='text/javascript' src="/jquery.js"></script>
<script type="text/javascript">
$().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;i<filterarray.length;i++){
alert(filterarray[i]);
}
for (key in filterarray){
alert(filterarray[key]);
}
}
);
</script>

 

each
<script type='text/javascript' src="/jquery.js"></script>
<script type="text/javascript">
$().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);
}
);
}
);
</script>

inArray
<script type='text/javascript' src="/jquery.js"></script>
<script type="text/javascript">
$().ready(
function(){
var anArray = ['one','two','three'];
var index = $.inArray('two',anArray);
alert(index);//返回该值在数组中的键值,返回1
alert(anArray[index]);//value is two
}
);
</script>

map
<script type='text/javascript' src="/jquery.js"></script>
<script type="text/javascript">
$().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]);
}
}
);
</script>

 

遍历json对象
<script>
var json = [{dd:'SB',AA:'东东',re1:123},{cccc:'dd',lk:'1qw'}];
for(var i=0,l=json.length;i<l;i++){
for(var key in json[i]){
alert(key+':'+json[i][key]);
}
}
</script>

遍历json对象
有如下 json对象:
var obj ={”name”:”冯娟”,”password”:”123456″,”department”:”技术部”,”sex”:” 女”,”old”:30};
遍历方法:
for(var p in obj){
str = str+obj[p]+’,';
return str;
}

分享到:
评论

相关推荐

    jQuery读取json数据

    // 在这里处理数据,如遍历JSON对象,更新DOM等 }, error: function(xhr, status, error) { // 处理错误情况 console.error('Error:', status, error); } }); ``` 在这个例子中,`url`是服务器端接口的地址,...

    jquery_json.rar_JSON_jquery_jquery-json_jquery.json_jquery.json.

    `jquery_json.rar` 提供的插件是jQuery对JSON的支持扩展,帮助开发者更方便地处理JSON数据。这个插件主要包括了两个主要功能:将JavaScript对象转换为JSON字符串(JSON.stringify的早期版本),以及将JSON字符串解析...

    jquery.jsoncookie.zip

    JSON数据格式通常包含键值对,结构清晰,易于理解和处理。 `jquery.jsoncookie`是针对jQuery的一个插件,它扩展了jQuery的功能,允许开发者在Cookie中存储和读取JSON格式的数据。Cookie是Web浏览器为服务器存储在...

    Jquery.json.js

    这个插件可能包含了对JSON的解析和序列化的方法,使得在jQuery中操作JSON变得更加便捷。例如,`$.parseJSON()`方法可以用来解析一个JSON字符串为JavaScript对象,而`$.toJSON()`方法则可以将JavaScript对象序列化为...

    JQuery操作json的例子

    总结起来,jQuery 提供了丰富的功能来处理 JSON 数据,包括获取、解析、遍历以及与 DOM 操作结合。理解这些操作对于开发高效的 Web 应用至关重要。通过实践和运用这些知识,开发者可以更高效地进行前后端数据交互,...

    jquery.json-2.4.min.js

    总结来说,`jquery.json-2.4.min.js` 插件是jQuery的一个扩展,提供了JSON序列化和反序列化的功能,使得在JavaScript环境中处理JSON数据变得更加便捷和安全。在现代Web开发中,理解和掌握JSON以及相关的处理方法,...

    jquery实现json数据填充到table表格中并且实现remove add 数据

    成功获取数据后,遍历JSON数组,使用`append()`方法将每一项数据转化为`&lt;tr&gt;`元素并插入到表格中。例如: ```javascript $.getJSON('your_api_url', function(data) { $.each(data, function(key, item) { var ...

    jquery.json.min.2.3.0.js;json2.js

    这些文件主要涉及jQuery库及其相关的扩展插件,以及JSON处理的相关功能。让我们详细探讨一下每个文件及其在IT领域的应用。 1. **jquery-1.4.2.min.js**:这是jQuery库的一个较早版本(1.4.2)。jQuery是一个广泛...

    使用JQuery实现从JSON对象转换为form提交数据

    要将JSON对象转换为适合表单提交的数据格式,我们需要遍历JSON对象的键值对,构建一个字符串形式的URL编码参数。这可以通过遍历JSON对象并使用`$.param()`函数实现。`$.param()`是jQuery内部用于URL编码参数的方法...

    Jquery ajax json 总结

    JQuery AJAX 和 JSON 是在 Web 开发中处理异步数据传输和数据格式化的重要工具。本文将深入探讨这两个概念以及它们在实际应用中的使用方法。 首先,JQuery 的 AJAX(Asynchronous JavaScript and XML)功能允许...

    jquery对json的视频教程

    4. **操作JSON数据**:jQuery本身并不直接提供对JSON数据的复杂操作,但可以通过JavaScript原生方法进行。例如,遍历JSON对象的数组成员: ```javascript var data = {people: [{'name': 'Alice'}, {'name': 'Bob'...

    Jquery遍历Json数据的方法

    ### jQuery遍历Json数据的方法知识点详解 #### 1. jQuery遍历的必要性与优势 在Web开发中,经常需要处理和展示来自服务器的数据,尤其是在构建动态的网页内容时。JSON(JavaScript Object Notation)数据格式因其...

    jquery获取json数据的并分页案例

    在IT行业中,jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。本案例将深入探讨如何使用jQuery来获取JSON数据并实现分页功能,这对于网页应用的数据展示至关重要。 首先...

    28_JQuery的JSON支持

    jQuery对JSON的支持是其强大功能之一,使得开发者能够方便地处理JSON数据,无论是从服务器获取数据还是向服务器发送数据。 首先,jQuery提供了`$.getJSON()`函数,这是一个简便的方法用于发送异步GET请求到服务器并...

    jquery对Json的各种遍历方法总结(必看篇)

    通过本文的介绍,我们了解到JSON的结构及其与JavaScript的天然联系,并学习了jQuery提供的几种遍历JSON数据结构的方法。这些方法对于处理前端数据交互非常有用,能够有效地对数组和对象进行操作和处理。掌握这些方法...

    Jquery遍历json的两种数据结构[参照].pdf

    1. **遍历JSON对象**:如果JSON数据是一个对象(key-value对的形式),可以使用jQuery的`$.each()`函数来遍历。例如: ```javascript var obj = { key1: 'value1', key2: 'value2' }; $.each(obj, function(key, ...

    ajax_struts_jquery_json级联菜单

    当服务器返回JSON数据后,jQuery解析这个JSON字符串,将其转换为JavaScript对象。然后,它遍历这些对象,动态地向HTML DOM(文档对象模型)添加新的选项,以构建级联菜单的子级部分。jQuery提供了丰富的DOM操作API,...

    Jquery遍历json的两种数据结构借鉴.pdf

    Jquery遍历json的两种数据结构借鉴.pdf

    jquery使用each方法遍历json格式数据实例

    接下来通过$.each()方法对JSON对象进行遍历。 在$.each()方法的使用上,它接受两个参数:第一个是要遍历的数组或对象,第二个是一个回调函数,该回调函数被每次迭代调用。在回调函数内部,我们可以定义每次遍历要...

    jQuery ajax json 数据的遍历代码

    jQuery作为一个流行的JavaScript库,提供了极其方便的方法来处理Ajax请求以及对返回的JSON数据进行遍历。以下是对给定文件中所涉及知识点的详细介绍: 1. Ajax请求 Ajax(Asynchronous JavaScript and XML)是一种...

Global site tag (gtag.js) - Google Analytics