在jquery中处理JSON数组的情况中遍历用到的比较多,但是用添加移除这些好像不是太多。
今天试过json[i].remove(),json.remove(i)之后都不行,看网页的DOM对象中好像JSON数据是以数组的形式出现的,查阅了下相关JS中数组的操作一试果然很爽。
记录下来。
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.reverse(); //反转元素(最前的排到最后、最后的排到最前),返回数组地址
arrayObj.sort(); //对数组元素排序,返回数组地址
8、数组元素的字符串化
arrayObj.join(separator); //返回字符串,这个字符串将数组的每一个元素值连接在一起,中间用 separator 隔开。
toLocaleString 、toString 、valueOf:可以看作是join的特殊用法,不常用
分享到:
相关推荐
我们可以使用`$.parseJSON()`(已废弃,现在推荐使用`JSON.parse()`)或`$.getJSON()`来解析JSON字符串,然后操作DOM更新页面内容。 ```javascript success: function(response) { var user = JSON.parse(response...
标题"jquery json array 实例"指的是一次使用jQuery处理JSON数组的实践。在前后端交互中,通常由后端服务器生成JSON数据,前端使用jQuery进行接收和处理。下面将详细解释这个过程: 1. **JSON数据格式**:JSON是一...
本文将详细探讨JQuery如何解析JSON字符串和JSON数组,并且通过实例来展示这些技术的应用。 首先,让我们来了解什么是JSON。JSON是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。JSON基于...
本文将详细介绍如何使用JavaScript给JSON数组动态赋值,同时提供实例代码和一些实用的在线JSON工具。 首先,我们需要理解JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它基于JavaScript的一个...
总结来说,本段内容详细介绍了JQuery中$.getJSON方法的使用,展示了通过$.getJSON方法在前端获取JSON数据,并在回调函数中处理这些数据的实例。同时,也演示了服务端如何返回JSON格式的数据。在理解这些知识点时,...
2. **数据转换**:服务器返回的数据通常是字符串形式,需要使用`eval()`或`$.parseJSON()`(jQuery方法)将其转换成JavaScript对象。`eval()`虽然强大,但可能带来安全风险,因为它会执行任何有效的JavaScript代码。...
本实例将向初学者展示如何结合使用 jQuery 和 JSON 进行数据的获取与展示。 在这个实例中,我们首先需要理解 jQuery 的基本用法。jQuery 的核心功能包括选择器(用于选取 HTML 元素)、DOM 操作(如添加、删除或...
在提供的代码片段中,`DeleteByIds`函数展示了如何使用`toJSON`函数将由`CheckBox.GetCheckedIds()`返回的数组转换为JSON对象,然后通过Ajax请求发送到服务器进行删除操作。这表明,在实际开发中,将数据转换为JSON...
在给定的标题和描述中,我们关注的是如何使用jQuery的`$.ajax()`方法发送AJAX请求,并通过`$.each()`函数遍历接收到的JSON数组。下面将详细介绍这两个功能及其相关知识点。 首先,`$.ajax()`是jQuery提供的一个异步...
- 在JQuery的回调函数中,你需要遍历JSON数组,对每个对象执行相同的操作,生成并添加表格行。 通过这种方式,JQuery和JSON提供了一种高效且灵活的方式来在Java后端和前端之间交换数据。这种方式对于实现动态、...
在这个实例中,jQuery的Ajax方法被用来异步发送请求,避免页面刷新。`$.ajax()`或者简化的`$.get()`或`$.post()`可以用于发送请求。例如,可以创建一个函数来触发查询: ```javascript function performSearch...
JQuery通过Ajax请求获取到这个JSON数组后,可以遍历并处理每个对象。 5. **获取Map对象**:JSON对象本质上就是一个键值对的集合,与Java中的Map非常相似。例如,`{"users": {"0": "Alice", "1": "Bob"}}`。在Struts...
在给定的文件内容中,通过一个简单的HTML表单和表格,结合jQuery脚本,实现了对一个JSON数组`jsonObj.teacher`的CRUD操作。以下是每个操作的详细说明: **创建(Create)** 创建操作是通过`addperson`函数实现的。当...
通过上述内容的学习,我们可以了解到在使用AJAX技术与服务器进行异步数据交互时,如何处理后台返回的JSON字符串和JSON数组。掌握了这些知识,我们就可以在开发中更加灵活地利用这些技术来构建动态、响应迅速的Web...
### jQuery使用$.each方法遍历JSON数组 #### 1. jQuery $.each方法概述 jQuery中的$.each方法是一个强大的工具,它允许开发者遍历JavaScript数组或对象。它模仿了jQuery中的其他迭代方法,比如$.map、$.grep等,但...
其次,jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、AJAX交互等功能。Json2Template利用jQuery的便利性,将JSON数据与HTML元素绑定,实现了数据和视图的双向绑定。 Json2Template的核心概念是...
此外,jQuery还提供了`.parseJSON()`方法,这在某些场景下可能比`JSON.parse()`更有用,但请注意,从jQuery 3.0版本开始,`.parseJSON()`已被弃用,推荐使用原生的`JSON.parse()`。 总的来说,jQuery 1.7.2版本及其...
在处理数据集合时,如对象、数组和集合,jQuery提供了多种遍历方法,本文将详细介绍如何使用jQuery来遍历这些数据结构,并提供实例代码进行演示。 首先,我们来看如何遍历对象。在Web开发中,经常需要处理由服务器...
$.each方法用于遍历JSON数组,并将数据插入到HTML元素中,使得数据在页面上动态显示出来。 总结来说,这个技术方案的核心是: 1. 使用jQuery的getJSON方法发起AJAX请求,获取由.NET .ashx处理程序生成的JSON数据。...