解析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 相关文章推荐
将jQuery应用于login页面的问题及解决
Oct 17 Javascript
JQuery 写的个性导航菜单
Dec 24 Javascript
javascript 鼠标拖动图标技术
Feb 07 Javascript
js网页中的(运行代码)功能实现思路
Feb 04 Javascript
Javascript正则控制文本框只能输入整数或浮点数
Sep 02 Javascript
js使用onmousemove和onmouseout获取鼠标坐标的方法
Mar 31 Javascript
JS实现选项卡实例详解
Nov 17 Javascript
理解JavaScript事件对象
Jan 25 Javascript
js获取鼠标点击的对象,点击另一个按钮删除该对象的实现代码
May 13 Javascript
jquery实现图片放大点击切换
Jun 06 jQuery
jQuery实现提交表单时不提交隐藏div中input的方法
Oct 08 jQuery
关于better-scroll插件的无法滑动bug(2021通过插件解决)
Mar 01 Javascript
解析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
解析Ubuntu下crontab命令的用法
2013/06/24 PHP
php object转数组示例
2014/01/15 PHP
PHP抓取、分析国内视频网站的视频信息工具类
2014/04/02 PHP
PHP实现克鲁斯卡尔算法实例解析
2014/08/22 PHP
php使用ftp远程上传文件类(完美解决主从文件同步问题的方法)
2016/09/23 PHP
服务器安全设置的几个注册表设置
2007/07/28 Javascript
使用jQuery向asp.net Mvc传递复杂json数据-ModelBinder篇
2010/05/07 Javascript
模拟电子签章盖章效果的jQuery插件源码
2013/06/24 Javascript
JQuery中$.ajax()方法参数详解及应用
2013/12/12 Javascript
在javascript中如何得到中英文混合字符串的长度
2014/01/17 Javascript
JavaScript 事件入门知识
2015/04/13 Javascript
jQuery解析XML文件同时动态增加js文件的方法
2015/06/01 Javascript
JavaScript和HTML DOM的区别与联系及Javascript和DOM的关系
2015/11/15 Javascript
js动态获取子复选项并设计全选及提交的实现方法
2016/06/24 Javascript
html中鼠标滚轮事件onmousewheel的处理方法
2016/11/11 Javascript
JavaScript之浏览器对象_动力节点Java学院整理
2017/07/03 Javascript
微信小程序实现获取自己所处位置的经纬度坐标功能示例
2017/11/30 Javascript
前端axios下载excel文件(二进制)的处理方法
2018/07/31 Javascript
node中使用es6/7/8(支持性与性能)
2019/03/28 Javascript
javascript的this关键字详解
2019/05/20 Javascript
JavaScript内置对象math,global功能与用法实例分析
2019/06/10 Javascript
python实现爬虫下载漫画示例
2014/02/16 Python
Python2实现的LED大数字显示效果示例
2017/09/04 Python
python OpenCV学习笔记直方图反向投影的实现
2018/02/07 Python
Anaconda+Pycharm环境下的PyTorch配置方法
2020/03/13 Python
TensorFlow keras卷积神经网络 添加L2正则化方式
2020/05/22 Python
Urban Outfitters英国官网:美国平价服饰品牌
2016/11/25 全球购物
澳大利亚在线时尚精品店:Hello Molly
2018/02/26 全球购物
Calzedonia美国官网:意大利风格袜子、打底裤和沙滩装
2018/07/19 全球购物
英国花园、DIY、电器和家居用品商店:Robert Dyas
2019/03/18 全球购物
小型女装店的创业计划书
2014/01/09 职场文书
内刊编辑求职自荐书范文
2014/02/19 职场文书
护士个人总结范文
2015/02/13 职场文书
质量承诺书格式范文
2015/04/28 职场文书
2015年基建工作总结范文
2015/05/23 职场文书
学校中层领导培训心得体会
2016/01/11 职场文书