解析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 EasyUI 开源插件套装 完全替代ExtJS
Mar 24 Javascript
jquery中动态效果小结
Dec 16 Javascript
解决Extjs 4 Panel作为Window组件的子组件时出现双重边框问题
Jan 11 Javascript
javascript面向对象包装类Class封装类库剖析
Jan 24 Javascript
Jquery插件分享之气泡形提示控件grumble.js
May 20 Javascript
JavaScript实现复制内容到粘贴板代码
Mar 31 Javascript
AngularJS指令中的绑定策略实例分析
Dec 14 Javascript
详解vue 模版组件的三种用法
Jul 21 Javascript
JavaScript实现三级级联特效
Nov 05 Javascript
vue组件数据传递、父子组件数据获取,slot,router路由功能示例
Mar 19 Javascript
js中Generator函数的深入讲解
Apr 07 Javascript
JS实现无限轮播无倒退效果
Sep 21 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乱码问题
2012/03/25 PHP
WordPress特定文章对搜索引擎隐藏或只允许搜索引擎查看
2015/12/31 PHP
利用Dojo和JSON建立无限级AJAX动态加载的功能模块树
2007/03/24 Javascript
web页面数据展示新想法(json)
2010/06/08 Javascript
JavaScript的单例模式 (singleton in Javascript)
2010/06/11 Javascript
批量实现面向对象的实例代码
2013/07/01 Javascript
JavaScript截取字符串的Slice、Substring、Substr函数详解和比较
2014/03/20 Javascript
js实现点击链接后窗口缩小并居中的方法
2015/03/02 Javascript
JavaScript学习笔记整理_关于表达式和语句
2016/09/19 Javascript
如何提高数据访问速度
2016/12/26 Javascript
Angular开发者指南之入门介绍
2017/03/05 Javascript
AngularJS解决ng-if中的ng-model值无效的问题
2017/06/21 Javascript
JavaScript实现获取select下拉框中第一个值的方法
2018/02/06 Javascript
从零开始学习搭建React脚手架项目
2018/08/23 Javascript
Vue.js 中的 v-show 指令及用法详解
2018/11/19 Javascript
解决node终端下运行js文件不支持ES6语法
2020/04/04 Javascript
请求时token过期自动刷新token操作
2020/09/11 Javascript
Vite和Vue CLI的优劣
2021/01/30 Vue.js
Vue项目打包部署到apache服务器的方法步骤
2021/02/01 Vue.js
python Django批量导入数据
2016/03/25 Python
python批量修改图片大小的方法
2018/07/24 Python
Django框架模板语言实例小结【变量,标签,过滤器,继承,html转义】
2019/05/23 Python
Python实用库 PrettyTable 学习笔记
2019/08/06 Python
Python简易计算器制作方法代码详解
2019/10/31 Python
CSS3线性渐变简单实现以及该属性在浏览器中的不同
2012/12/12 HTML / CSS
12个不为大家熟知的HTML5设计小技巧
2016/06/02 HTML / CSS
英国排名第一的在线宠物用品商店:Monster Pet Supplies
2018/05/20 全球购物
Linux的文件类型
2016/07/05 面试题
幼儿园中班新学期寄语
2014/01/18 职场文书
企业授权委托书范本
2014/04/02 职场文书
学历公证书范本
2014/04/09 职场文书
数字化校园建设方案
2014/05/03 职场文书
元旦联欢会策划方案
2014/06/11 职场文书
家属答谢词
2015/01/05 职场文书
python爬虫请求库httpx和parsel解析库的使用测评
2021/05/10 Python
Python中re模块的元字符使用小结
2022/04/07 Python