解析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 相关文章推荐
js宝典学习笔记(上)
Jan 10 Javascript
javascript 关闭IE6、IE7
Jun 01 Javascript
javascript中的变量作用域以及变量提升详细介绍
Oct 24 Javascript
js onclick事件传参讲解
Nov 06 Javascript
JSON无限折叠菜单编写实例
Dec 16 Javascript
js jquery分别实现动态的文件上传操作按钮的添加和删除
Jan 13 Javascript
Javascript核心读书有感之语句
Feb 11 Javascript
JavaScript实现的链表数据结构实例
Apr 02 Javascript
javascript实现点击单选按钮链接转向对应网址的方法
Aug 12 Javascript
js中实现字符串和数组的相互转化详解
Jan 24 Javascript
详解在React中跨组件分发状态的三种方法
Aug 09 Javascript
浅谈ElementUI中switch回调函数change的参数问题
Aug 24 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 上一篇,下一篇文章实现代码与原理说明
2010/05/09 PHP
php跨域cookie共享使用方法
2014/02/20 PHP
WordPress开发中用于标题显示的相关函数使用解析
2016/01/07 PHP
因str_replace导致的注入问题总结
2019/08/08 PHP
容易造成JavaScript内存泄露几个方面
2014/09/04 Javascript
JS+CSS实现类似QQ好友及黑名单效果的树型菜单
2015/09/22 Javascript
jQuery form插件的使用之处理server返回的JSON, XML,HTML数据
2016/01/26 Javascript
JavaScript记录光标在编辑器中位置的实现方法
2016/04/22 Javascript
AngularJS中的指令全面解析(必看)
2016/05/20 Javascript
微信小程序 两种为对象属性赋值的方式详解
2017/02/23 Javascript
JS 判断某变量是否为某数组中的一个值的3种方法(总结)
2017/07/10 Javascript
vue组件父子间通信之综合练习(聊天室)
2017/11/07 Javascript
vue生成token并保存到本地存储中
2018/07/17 Javascript
vue使用laydate时间插件的方法
2018/11/14 Javascript
小程序怎样让wx.navigateBack更好用的方法实现
2019/11/01 Javascript
js 将多个对象合并成一个对象 assign方法的实现
2020/09/24 Javascript
浅谈Vue使用Elementui修改默认的最快方法
2020/12/05 Vue.js
python安装PIL模块时Unable to find vcvarsall.bat错误的解决方法
2016/09/19 Python
Python科学计算包numpy用法实例详解
2018/02/08 Python
使用django-crontab实现定时任务的示例
2018/02/26 Python
python定向爬虫校园论坛帖子信息
2018/07/23 Python
有关Python的22个编程技巧
2018/08/29 Python
Python实现高斯函数的三维显示方法
2018/12/29 Python
python实现列表中最大最小值输出的示例
2019/07/09 Python
python实现连连看辅助之图像识别延伸
2019/07/17 Python
如何基于Python代码实现高精度免费OCR工具
2020/06/18 Python
PyQt5 QDockWidget控件应用详解
2020/08/12 Python
互动出版网:专业书籍
2017/03/21 全球购物
英国领先的瓷砖专家:Walls and Floors
2018/04/27 全球购物
信息服务专业毕业生求职信
2014/03/02 职场文书
个人安全生产承诺书
2014/05/22 职场文书
关爱老人标语
2014/06/21 职场文书
2015个人半年总结范文
2015/03/09 职场文书
酒店收银员岗位职责
2015/04/07 职场文书
春节随笔
2015/08/15 职场文书
windows10 家庭版下FTP服务器搭建教程
2022/08/05 Servers