解析javascript 数组以及json元素的添加删除


Posted in Javascript onJune 26, 2013

javasscript删除数组的3种方法
1,用shift()方法
shift:删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefined
var chaomao=[1,2,3,4,5]
var chaomao.shift()//得到1
alert(chaomao)//[2,3,4,5]

2,用pop()方法
pop:删除原数组最后一项,并返回删除元素的值;如果数组为空则返回undefined
var chaomao=[1,2,3,4,5]
var chaomao.pop()//得到5
alert(chaomao)//[1,2,3,4]
前面的方法只能操作数组开头和结尾,无法操作中间项,如果要操作中间的项,使用splice方法

3,用splice方法
这个方法很强大,可以对数组任意项进行增加,删除,替换操作

修改操作:
var chaomao=[1,2,3,4,5]
chaomao.splice(2,1,8,9)
alert(chaomao)//1,2,8,9,4,5
第一个参数是准备操作的数组位置,第二个参数是操作位置后面的数组项数,第三个以后的就是,被替换后的内容
例子就是表示:从chaomao这个数组位置2开始(也就是值为3的那一项,数组下标从0开始的),位置2后的一项,替换成成8,9
如果把第二个参数改为2,也就是chaomao.splice(2,2,8,9),也就是说位置2后面的两项换成8,9,打印出来的结果就是1,2,8,9,5,3和4这2两项被换掉了
这里需要说明的是,被替换的项数不一定要和替换的项数相等,1项可以被换成3项,5项也可以被换成2项,基于这个原理,我们就用这个方法来对数组进行添加和删除操作

删除操作:
var chaomao=[1,2,3,4,5]
chaomao.splice(2,1)
alert(chaomao)//1,2,4,5
上面例子中,把chaomao中的位置2后的1项替换成空的,因为后面没有内容,结果可以看到,把3这项删除了

添加操作:
var chaomao=[1,2,3,4,5]
chaomao.splice(2,0,8,9)
alert(chaomao)//1,2,8,9,3,4,5
上面例子中,把chaomao中位置2后的0项换成8,9,也就等于添加了两项
其实,删除和添加操作都只是splice修改方法的两种衍生罢了
javasscript删除对象的方法
js中删除对象元素用delete操作符
我们来看看一个例子

var p ={
"name": “chaomao”,
"age":45,
"sex":"male"
};
delete p.name
for(var i in p){
console.log(i);//输出age,sex,name项已经被删除了
}

添加json元素的方法
var json = {}; // 如果json已经定义就跳过
json[text] = value;
json.text2 = value2;  // 此时text2必须符合变量名标准,否则得使用数组方式赋值

Javascript 相关文章推荐
JavaScript 脚本将当地时间转换成其它时区
Mar 19 Javascript
JavaScript实现在数组中查找不同顺序排列的字符串
Sep 26 Javascript
jQuery的css()方法用法实例
Dec 24 Javascript
jQuery中mouseover事件用法实例
Dec 26 Javascript
JavaScript位置与大小(1)之正确理解和运用与尺寸大小相关的DOM属性
Dec 26 Javascript
JavaScript焦点事件、鼠标事件和滚轮事件使用详解
Jan 15 Javascript
JavaScript高级程序设计(第三版)学习笔记6、7章
Mar 11 Javascript
JS在onclientclick里如何控制onclick的执行
May 30 Javascript
微信小程序(六):列表上拉加载下拉刷新示例
Jan 13 Javascript
JS排序算法之希尔排序与快速排序实现方法
Dec 12 Javascript
Vue实现点击后文字变色切换方法
Feb 11 Javascript
vue3.0实现点击切换验证码(组件)及校验
Nov 18 Vue.js
解析jquery获取父窗口的元素
Jun 26 #Javascript
加载远程图片时,经常因为缓存而得不到更新的解决方法(分享)
Jun 26 #Javascript
jquery对dom的操作常用方法整理
Jun 25 #Javascript
Extjs单独定义各组件的实例代码
Jun 25 #Javascript
SwfUpload在IE10上不出现上传按钮的解决方法
Jun 25 #Javascript
Jquery选择子控件"大于号"和" "区别介绍及使用示例
Jun 25 #Javascript
Jquery动态改变图片IMG的src地址示例
Jun 25 #Javascript
You might like
收集的php编写大型网站问题集
2007/03/06 PHP
php强制下载类型的实现代码
2011/04/21 PHP
理解和运用PHP中的多态性[译]
2011/08/02 PHP
php中选择什么接口(mysql、mysqli)访问mysql
2013/02/06 PHP
关于PHP session 存储方式的详细介绍
2013/06/25 PHP
JS创建优美的页面滑动块效果 - Glider.js
2007/09/27 Javascript
jquery中this的使用说明
2010/09/06 Javascript
Javascript类定义语法,私有成员、受保护成员、静态成员等介绍
2011/12/08 Javascript
js为空或不是对象问题的快速解决方法
2013/12/11 Javascript
用box固定长宽实现图片自动轮播js代码
2014/06/09 Javascript
阿里云ecs服务器中安装部署node.js的步骤
2016/10/08 Javascript
Bootstrap列表组学习使用
2017/02/09 Javascript
浅谈jQuery的bind和unbind事件(绑定和解绑事件)
2017/03/02 Javascript
基于react后端渲染模板引擎noox发布使用
2018/01/11 Javascript
ES6学习笔记之map、set与数组、对象的对比
2018/03/01 Javascript
在 Linux/Unix 中不重启 Vim 而重新加载 .vimrc 文件的流程
2018/03/21 Javascript
使用js实现将后台传入的json数据放在前台显示
2018/08/06 Javascript
用Python的Django框架来制作一个RSS阅读器
2015/07/22 Python
python利用urllib和urllib2访问http的GET/POST详解
2017/09/27 Python
Python 3.x 判断 dict 是否包含某键值的实例讲解
2018/07/06 Python
介绍一款python类型检查工具pyright(推荐)
2019/07/03 Python
python语言线程标准库threading.local解读总结
2019/11/10 Python
pyinstaller 3.6版本通过pip安装失败的解决办法(推荐)
2020/01/18 Python
Python使用Numpy模块读取文件并绘制图片
2020/05/13 Python
python用tkinter实现一个简易能进行随机点名的界面
2020/09/27 Python
解析HTML5中的新功能本地存储localStorage
2016/03/01 HTML / CSS
Crocs卡骆驰洞洞鞋日本官方网站:Crocs日本
2016/08/25 全球购物
印度尼西亚值得信赖的第一家网店:Bhinneka
2018/07/16 全球购物
区域总监的岗位职责
2013/11/21 职场文书
微信营销策划方案
2014/02/24 职场文书
人力资源作业细则
2014/03/03 职场文书
办公自动化专业大学生职业规划书
2014/03/06 职场文书
禁毒宣传工作方案
2014/05/23 职场文书
解放思想大讨论活动总结
2015/05/09 职场文书
Python使用DFA算法过滤内容敏感词
2022/04/22 Python
html中两种获取标签内的值的方法
2022/06/10 HTML / CSS