解析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实现在数组中查找不同顺序排列的字符串
Sep 26 Javascript
JavaScript实现的字符串replaceAll函数代码分享
Apr 02 Javascript
简介JavaScript中Boolean.toSource()方法的使用
Jun 05 Javascript
使用CoffeeScrip优美方式编写javascript代码
Oct 28 Javascript
js实现input密码框提示信息的方法(附html5实现方法)
Jan 14 Javascript
js判断输入字符串是否为空、空格、null的方法总结
Jun 14 Javascript
JavaScript实现带有子菜单和控件的slider轮播图效果
Nov 01 Javascript
Django与Vue语法的冲突问题完美解决方法
Dec 14 Javascript
axios发送post请求springMVC接收不到参数的解决方法
Mar 05 Javascript
JS实现简单的点赞与踩功能示例
Dec 05 Javascript
layui的布局和表格的渲染以及动态生成表格的方法
Sep 18 Javascript
vue 使用post/get 下载导出文件操作
Aug 07 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
php缓冲输出实例分析
2015/01/05 PHP
PHP检查网站是否宕机的方法示例
2017/07/24 PHP
浅谈使用 Yii2 AssetBundle 中 $publishOptions 的正确姿势
2017/11/08 PHP
Laravel Validator自定义错误返回提示消息并在前端展示
2019/05/09 PHP
JQuery中each()的使用方法说明
2010/08/19 Javascript
使用Jquery来实现可以输入值的下拉选单 雏型
2011/12/06 Javascript
js保留两位小数使用toFixed实现
2013/07/29 Javascript
用RadioButten或CheckBox实现div的显示与隐藏
2013/09/21 Javascript
javascript 弹出的窗口返回值给父窗口具体实现
2013/11/23 Javascript
鼠标拖拽移动子窗体的JS实现
2014/02/25 Javascript
jQuery图片左右滚动代码 有左右按钮实例
2016/06/20 Javascript
AngularJS ng-blur 指令详解及简单实例
2016/07/30 Javascript
json与jsonp知识小结(推荐)
2016/08/16 Javascript
全屏滚动插件fullPage.js使用实例解析
2016/10/21 Javascript
Angular.js去除页面中显示的空行方法示例
2017/03/30 Javascript
vue实现点击图片放大效果
2017/08/15 Javascript
使用JS获取SessionStorage的值
2018/01/12 Javascript
Angular PWA使用的Demo示例
2019/01/31 Javascript
12个提高JavaScript技能的概念(小结)
2019/05/09 Javascript
微信小程序自定义弹窗滚动与页面滚动冲突的解决方法
2019/07/16 Javascript
Angular8路由守卫原理和使用方法
2019/08/29 Javascript
python从网络读取图片并直接进行处理的方法
2015/05/22 Python
python通过socket查询whois的方法
2015/07/18 Python
Python利用multiprocessing实现最简单的分布式作业调度系统实例
2017/11/14 Python
python实现教务管理系统
2018/03/12 Python
浅谈Python里面小数点精度的控制
2018/07/16 Python
Python导入数值型Excel数据并生成矩阵操作
2020/06/09 Python
python判断元素是否存在的实例方法
2020/09/24 Python
兰蔻俄罗斯官方网站:Lancome俄罗斯
2019/12/09 全球购物
行政人员工作职责
2013/12/05 职场文书
学生安全教育材料
2014/02/14 职场文书
自考毕业自我鉴定
2014/03/18 职场文书
科长竞聘演讲稿
2014/05/16 职场文书
生物科学专业毕业生求职信
2014/06/02 职场文书
不尊敬老师检讨书范文
2014/11/19 职场文书
怎样写好工作计划
2019/04/10 职场文书