解析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中 用户登录系统的解决办法
Apr 15 Javascript
JavaScript 对任意元素,自定义右键菜单的实现方法
May 08 Javascript
JSON相关知识汇总
Jul 03 Javascript
JavaScript检测上传文件大小的方法
Jul 22 Javascript
详解基于javascript实现的苹果系统底部菜单
Dec 02 Javascript
Input文本框随着输入内容多少自动延伸的实现
Feb 15 Javascript
Angular中实现树形结构视图实例代码
May 05 Javascript
Node.js爬取豆瓣数据实例分析
Mar 05 Javascript
微信小程序云开发详细教程
May 16 Javascript
BootStrap表单验证中的非Submit类型按钮点击时触发验证的坑
Sep 05 Javascript
layui的面包屑或者表单不显示的解决方法
Sep 05 Javascript
用JavaScript实现贪吃蛇游戏
Oct 23 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
使用apache模块rewrite_module (转)
2007/02/14 PHP
PHP微信开发之有道翻译
2016/06/23 PHP
use jscript List Installed Software
2007/06/11 Javascript
jquery点击页面任何区域实现鼠标焦点十字效果
2013/06/21 Javascript
js图片滚动效果时间可随意设定当鼠标移上去时停止
2014/06/26 Javascript
Node.js的MongoDB驱动Mongoose基本使用教程
2016/03/01 Javascript
微信小程序 MD5的方法详解及实例代码
2017/03/10 Javascript
关于使用js算总价的问题
2017/06/23 Javascript
JavaScript实现离开页面前提示功能【附jQuery实现方法】
2017/09/26 jQuery
input type=file 选择图片并且实现预览效果的实例
2017/10/26 Javascript
NodeJs搭建本地服务器之使用手机访问的实例讲解
2018/05/12 NodeJs
详解React中传入组件的props改变时更新组件的几种实现方法
2018/09/13 Javascript
手动下载Chrome并解决puppeteer无法使用问题
2018/11/12 Javascript
JavaScript设计模式之命令模式实例分析
2019/01/16 Javascript
react配置antd按需加载的使用
2019/02/11 Javascript
JavaScript前端实现压缩图片功能
2020/03/06 Javascript
JavaScript装饰者模式原理与用法实例详解
2020/03/09 Javascript
记录一次websocket封装的过程
2020/11/23 Javascript
基于JavaScript实现简单的轮播图
2021/03/03 Javascript
[02:43]DOTA2英雄基础教程 半人马战行者
2014/01/13 DOTA
[01:02:38]DOTA2-DPC中国联赛定级赛 LBZS vs Phoenix BO3第二场 1月10日
2021/03/11 DOTA
开源软件包和环境管理系统Anaconda的安装使用
2017/09/04 Python
python PyTorch参数初始化和Finetune
2018/02/11 Python
Python使用爬虫爬取静态网页图片的方法详解
2018/06/05 Python
python实现下载pop3邮件保存到本地
2018/06/19 Python
浅谈tensorflow中几个随机函数的用法
2018/07/27 Python
python中时间转换datetime和pd.to_datetime详析
2019/08/11 Python
PyQt5-QDateEdit的简单使用操作
2020/07/12 Python
韩国流行时尚女装网站:Dintchina(中文)
2018/07/19 全球购物
自动化系在校本科生求职信
2013/10/23 职场文书
家长给孩子的评语
2014/01/30 职场文书
公司董事长助理工作职责
2014/07/12 职场文书
机关职员工作检讨书
2014/10/23 职场文书
涉外离婚协议书怎么写
2014/11/20 职场文书
企业培训简报范文
2015/07/20 职场文书
评测 | 大屏显示带收音机的高端音箱,JBL TUNE2便携式插卡音箱实测
2021/04/24 无线电