`
jy00509336
  • 浏览: 242630 次
  • 性别: Icon_minigender_1
  • 来自: 山西
社区版块
存档分类
最新评论

jquery下json数组的操作用法实例

 
阅读更多

转载自:http://blog.csdn.net/qq373591361/article/details/5875776

 

jquery下json数组的操作用法实例: 
jquery中操作JSON数组的情况中遍历方法用的比较多,但用添加移除这些好像就不是太多了。 
试过json[i].remove(),json.remove(i)之后都不行,看网页的DOM对象中好像JSON数据是以数组的形式出现的,下面是一些实例,仅供参考。 
1、数组的创建 
var arrayObj = new Array(); //创建一个数组 
var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度 
var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); //创建一个数组并赋值 
要说明的是,虽然第二种方法创建数组指定了长度,但实际上所有情况下数组都是变长的,也就是说即使指定了长度为5,仍然可以将元素存储在规定长度以外的,注意:这时长度会随之改变。 
2、数组的元素的访问 
var testGetArrValue=arrayObj[1]; //获取数组的元素值 
arrayObj[1]= "这是新值"; //给数组元素赋予新的值 
3、数组元素的添加 
arrayObj. push([item1 [item2 [. . . [itemN ]]]]);// 将一个或多个新元素添加到数组结尾,并返回数组新长度 
arrayObj.unshift([item1 [item2 [. . . [itemN ]]]]);// 将一个或多个新元素添加到数组开始,数组中的元素自动后移,返回数组新长度 
arrayObj.splice(insertPos,0,[item1[, item2[, . . . [,itemN]]]]);//将一个或多个新元素插入到数组的指定位置,插入位置的元素自动后移,返回""。 
4、数组元素的删除 
arrayObj.pop(); //移除最后一个元素并返回该元素值 
arrayObj.shift(); //移除最前一个元素并返回该元素值,数组中元素自动前移 
arrayObj.splice(deletePos,deleteCount); //删除从指定位置deletePos开始的指定数量deleteCount的元素,数组形式返回所移除的元素 
5、数组的截取和合并 
arrayObj.slice(start, [end]); //以数组的形式返回数组的一部分,注意不包括 end 对应的元素,如果省略 end 将复制 start 之后的所有元素 
arrayObj.concat([item1[, item2[, . . . [,itemN]]]]); //将多个数组(也可以是字符串,或者是数组和字符串的混合)连接为一个数组,返回连接好的新的数组 
6、数组的拷贝 
arrayObj.slice(0); //返回数组的拷贝数组,注意是一个新的数组,不是指向 
arrayObj.concat(); //返回数组的拷贝数组,注意是一个新的数组,不是指向 
7、数组元素的字符串化 
arrayObj.join(separator); //返回字符串,这个字符串将数组的每一个元素值连接在一起,中间用 separator 隔开。 
toLocaleString 、toString 、valueOf:可以看作是join的特殊用法,不常用 
8、数组元素的排序 
arrayObj.reverse(); //反转元素(最前的排到最后、最后的排到最前),返回数组地址 
arrayObj.sort(); //对数组元素排序,返回数组地址 

 

分享到:
评论

相关推荐

    jquery与java交互通过json传递数据的经典实例

    我们可以使用`$.parseJSON()`(已废弃,现在推荐使用`JSON.parse()`)或`$.getJSON()`来解析JSON字符串,然后操作DOM更新页面内容。 ```javascript success: function(response) { var user = JSON.parse(response...

    jquery json array 实例

    标题"jquery json array 实例"指的是一次使用jQuery处理JSON数组的实践。在前后端交互中,通常由后端服务器生成JSON数据,前端使用jQuery进行接收和处理。下面将详细解释这个过程: 1. **JSON数据格式**:JSON是一...

    Jquery解析json字符串及json数组的方法

    本文将详细探讨JQuery如何解析JSON字符串和JSON数组,并且通过实例来展示这些技术的应用。 首先,让我们来了解什么是JSON。JSON是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。JSON基于...

    JS实现给json数组动态赋值的方法示例

    本文将详细介绍如何使用JavaScript给JSON数组动态赋值,同时提供实例代码和一些实用的在线JSON工具。 首先,我们需要理解JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它基于JavaScript的一个...

    JQuery 获取json数据$.getJSON方法的实例代码

    总结来说,本段内容详细介绍了JQuery中$.getJSON方法的使用,展示了通过$.getJSON方法在前端获取JSON数据,并在回调函数中处理这些数据的实例。同时,也演示了服务端如何返回JSON格式的数据。在理解这些知识点时,...

    js/jquery解析json和数组格式的方法详解

    2. **数据转换**:服务器返回的数据通常是字符串形式,需要使用`eval()`或`$.parseJSON()`(jQuery方法)将其转换成JavaScript对象。`eval()`虽然强大,但可能带来安全风险,因为它会执行任何有效的JavaScript代码。...

    Jquery+json简单实例

    本实例将向初学者展示如何结合使用 jQuery 和 JSON 进行数据的获取与展示。 在这个实例中,我们首先需要理解 jQuery 的基本用法。jQuery 的核心功能包括选择器(用于选取 HTML 元素)、DOM 操作(如添加、删除或...

    将数组转换成JSON对象

    在提供的代码片段中,`DeleteByIds`函数展示了如何使用`toJSON`函数将由`CheckBox.GetCheckedIds()`返回的数组转换为JSON对象,然后通过Ajax请求发送到服务器进行删除操作。这表明,在实际开发中,将数据转换为JSON...

    jQuery的ajax和遍历数组json实例代码

    在给定的标题和描述中,我们关注的是如何使用jQuery的`$.ajax()`方法发送AJAX请求,并通过`$.each()`函数遍历接收到的JSON数组。下面将详细介绍这两个功能及其相关知识点。 首先,`$.ajax()`是jQuery提供的一个异步...

    JQuery利用JSON读取JAVABEANList

    - 在JQuery的回调函数中,你需要遍历JSON数组,对每个对象执行相同的操作,生成并添加表格行。 通过这种方式,JQuery和JSON提供了一种高效且灵活的方式来在Java后端和前端之间交换数据。这种方式对于实现动态、...

    php jquery json无刷新提交查询实例

    在这个实例中,jQuery的Ajax方法被用来异步发送请求,避免页面刷新。`$.ajax()`或者简化的`$.get()`或`$.post()`可以用于发送请求。例如,可以创建一个函数来触发查询: ```javascript function performSearch...

    Struts2+JQuery+Json实例

    JQuery通过Ajax请求获取到这个JSON数组后,可以遍历并处理每个对象。 5. **获取Map对象**:JSON对象本质上就是一个键值对的集合,与Java中的Map非常相似。例如,`{"users": {"0": "Alice", "1": "Bob"}}`。在Struts...

    jQuery操作JSON的CRUD用法实例

    在给定的文件内容中,通过一个简单的HTML表单和表格,结合jQuery脚本,实现了对一个JSON数组`jsonObj.teacher`的CRUD操作。以下是每个操作的详细说明: **创建(Create)** 创建操作是通过`addperson`函数实现的。当...

    ajax响应json字符串和json数组的实例(详解)

    通过上述内容的学习,我们可以了解到在使用AJAX技术与服务器进行异步数据交互时,如何处理后台返回的JSON字符串和JSON数组。掌握了这些知识,我们就可以在开发中更加灵活地利用这些技术来构建动态、响应迅速的Web...

    jQuery使用$.each遍历json数组的简单实现方法

    ### jQuery使用$.each方法遍历JSON数组 #### 1. jQuery $.each方法概述 jQuery中的$.each方法是一个强大的工具,它允许开发者遍历JavaScript数组或对象。它模仿了jQuery中的其他迭代方法,比如$.map、$.grep等,但...

    运用Jquery插件Json2Template写的简单项目

    其次,jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、AJAX交互等功能。Json2Template利用jQuery的便利性,将JSON数据与HTML元素绑定,实现了数据和视图的双向绑定。 Json2Template的核心概念是...

    jQuery解析json格式数据简单实例

    此外,jQuery还提供了`.parseJSON()`方法,这在某些场景下可能比`JSON.parse()`更有用,但请注意,从jQuery 3.0版本开始,`.parseJSON()`已被弃用,推荐使用原生的`JSON.parse()`。 总的来说,jQuery 1.7.2版本及其...

    jQuery遍历对象、数组、集合实例

    在处理数据集合时,如对象、数组和集合,jQuery提供了多种遍历方法,本文将详细介绍如何使用jQuery来遍历这些数据结构,并提供实例代码进行演示。 首先,我们来看如何遍历对象。在Web开发中,经常需要处理由服务器...

    net+jquery+json实现ajax

    $.each方法用于遍历JSON数组,并将数据插入到HTML元素中,使得数据在页面上动态显示出来。 总结来说,这个技术方案的核心是: 1. 使用jQuery的getJSON方法发起AJAX请求,获取由.NET .ashx处理程序生成的JSON数据。...

Global site tag (gtag.js) - Google Analytics