解析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 globalStorage类代码
Jun 04 Javascript
得到form下的所有的input的js代码
Nov 07 Javascript
关于JavaScript对象的动态选择及遍历对象
Mar 10 Javascript
window.location的重写及判断location是否被重写
Sep 04 Javascript
Jquery Easyui日历组件Calender使用详解(23)
Dec 18 Javascript
函数四种调用模式以及其中的this指向
Jan 16 Javascript
JavaScript实现定时页面跳转功能示例
Feb 14 Javascript
react.js 获取真实的DOM节点实例(必看)
Apr 17 Javascript
微信小程序url与token设置详解
Sep 26 Javascript
vue.js删除列表中的一行
Jun 30 Javascript
微信小程序之onLaunch与onload异步问题详解
Mar 28 Javascript
layUI实现三级导航菜单效果
Jul 26 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数据库开发知多少
2006/10/09 PHP
深入php 正则表达式的学习探讨
2013/06/06 PHP
php socket客户端及服务器端应用实例
2014/07/04 PHP
Yii2搭建后台并实现rbac权限控制完整实例教程
2016/04/28 PHP
javascript改变position值实现菜单滚动至顶部后固定
2013/01/18 Javascript
如何设置iframe高度自适应在跨域情况下的可用方法
2013/09/06 Javascript
JS中完美兼容各大浏览器的scrolltop方法
2015/04/17 Javascript
javascript常用的方法整理
2015/08/20 Javascript
简单解析JavaScript中的__proto__属性
2016/05/10 Javascript
关于微信jssdk实现多图片上传的一点心得分享
2016/12/13 Javascript
获取JavaScript异步函数的返回值
2016/12/21 Javascript
axios学习教程全攻略
2017/03/26 Javascript
Vue Spa切换页面时更改标题的实例代码
2017/07/15 Javascript
在原生不支持的旧环境中添加兼容的Object.keys实现方法
2017/09/11 Javascript
JS获取子节点、父节点和兄弟节点的方法实例总结
2018/07/06 Javascript
NodeJs 模仿SIP话机注册的方法
2019/06/21 NodeJs
解决一个微信号同时支持多个环境网页授权问题
2019/08/07 Javascript
使用layui定义一个模块并使用的例子
2019/09/14 Javascript
Node.js API详解之 dns模块用法实例分析
2020/05/15 Javascript
[59:59]EG vs IG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Python实现自动发送邮件功能
2021/03/02 Python
python中协程实现TCP连接的实例分析
2018/10/14 Python
基于多进程中APScheduler重复运行的解决方法
2019/07/22 Python
wxPython之wx.DC绘制形状
2019/11/19 Python
python判断元素是否存在的实例方法
2020/09/24 Python
CSS3对图片照片进行边缘模糊处理的实现
2018/08/08 HTML / CSS
html5实现多图片预览上传及点击可拖拽控件
2018/03/15 HTML / CSS
英国家庭珠宝商:T. H. Baker
2018/02/08 全球购物
The North Face北面荷兰官网:美国著名户外品牌
2019/10/16 全球购物
校领导推荐信
2013/11/01 职场文书
幼儿园美术教学反思
2014/01/31 职场文书
对照四风自我剖析材料
2014/10/07 职场文书
班主任先进事迹材料
2014/12/17 职场文书
小浪底导游词
2015/02/12 职场文书
mysql数据插入覆盖和时间戳的问题及解决
2022/03/25 MySQL
html5+实现plus.io进行拍照和图片等获取
2022/06/01 HTML / CSS