jquery 中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.reverse(); //反转元素(最前的排到最后、最后的排到最前),返回数组地址
arrayObj.sort(); //对数组元素排序,返回数组地址
8、数组元素的字符串化
arrayObj.join(separator); //返回字符串,这个字符串将数组的每一个元素值连接在一起,中间用 separator 隔开。
toLocaleString 、toString 、valueOf:可以看作是join的特殊用法,不常用
转自:
http://www.cnblogs.com/divenswu/p/3768127.html
分享到:
相关推荐
在网页开发中,jQuery是一个广泛使用的JavaScript库,它极大地简化了JavaScript代码的编写,特别是对于DOM操作、事件处理和动画效果。"经典jquery局部刷新增删改查"这个主题聚焦于利用jQuery实现数据的动态更新,即...
**Ztree 简单使用及增...通过理解 ZTree 的核心概念,如初始化、节点操作、事件监听以及与数据库的交互,你可以有效地实现页面中的增删改功能。结合提供的 WebZtree增删改 文件,你可以更深入地学习和实践这些知识。
在上述代码中,`events`属性指定了事件数据的来源,可以是JSON格式的数组或者一个URL,这里我们假设`save_calendar.php`是服务器端处理事件数据的脚本。`eventDrop`和`eventResize`回调用于处理事件的移动和长度改变...
- **编辑功能**:支持行内编辑、弹出式编辑和表单编辑模式,方便数据的增删改操作。 - **多选与操作**:提供多行选择功能,同时支持行级别的操作按钮,如删除、更新等。 - **导入导出**:可以将数据导入或导出为...
第一个ViewModel被设计用来处理数据查询逻辑,包括后端返回的初始化参数配置(tableParams),以及对增删改操作的URL路径封装(urls)。此外,查询条件(queryCondition)被封装在ViewModel中,便于在前端实现动态...
3. 数据操作:提供 `insertRow`、`updateRow`、`deleteRow` 方法进行增删改操作。 四、Datagrid 功能扩展 1. 排序:通过设置 `sortable` 属性开启列排序,点击列头可自动触发排序。 2. 过滤:利用 `filter` 参数...
在这个实例中,我们将深入探讨如何利用Flexgrid实现异步增删改操作,并通过弹出div的形式来呈现。 1. **Flexgrid基本概念** Flexgrid是一款基于JavaScript的表格组件,它提供了丰富的功能,如排序、分页、过滤、...
在处理动态添加和删除评论的场景中,JQuery可以很高效地实现对DOM元素的增删改。 动态添加评论通常需要以下步骤: 1. 准备HTML模板用于展示评论,例如创建一个表格用于列出评论。 2. 使用JQuery监听表单提交事件,...
6. 动态创建与删除元素:createElement、appendChild、removeChild等方法可实现元素的动态增删改。 四、事件处理 7. 事件绑定:addEventListener和removeEventListener用于添加和移除事件监听器,支持事件冒泡和...
3. **编辑功能**:JqGrid支持行内编辑、弹出式编辑和表单编辑三种模式,允许用户直接在网格中增删改数据,方便数据管理。 4. **国际化支持**:压缩包中的“国际化语言插件”意味着JqGrid可以支持多种语言,满足全球...
在JavaScript(JS)中动态生成表格并提交数据到后端是一项常见的前端开发任务,它涉及到DOM操作、事件处理以及与服务器的交互。以下是对这个过程的详细解释: 首先,为了实现动态生成表格,我们需要引入一个...
03 ORM对单表的增删改操作 04 ORM查询API 05 模糊查询之万能的双下换线 第52章 01 上节知识回顾 02 ORM多表操作之一对多增加记录 03 ORM多表操作之一对多查询之对象查询 04 ORM多表操作之一对多查询之双下划线查询...