解析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类和继承 constructor属性
Mar 04 Javascript
基于jQuery的投票系统显示结果插件
Aug 12 Javascript
JavaScript不使用prototype和new实现继承机制
Dec 29 Javascript
jQuery根据用户电脑是mac还是pc加载对应样式的方法
Jun 26 Javascript
莱鸟介绍window.print()方法
Jan 06 Javascript
JavaScript SweetAlert插件实现超酷消息警告框
Jan 28 Javascript
CSS+jQuery实现简单的折叠菜单
Dec 20 Javascript
JS实现的Unicode编码转换操作示例
Apr 28 Javascript
vue绑定的点击事件阻止冒泡的实例
Feb 08 Javascript
JS简单判断是否在微信浏览器打开的方法示例
Jan 08 Javascript
js实现表单项的全选、反选及删除操作示例
Jun 05 Javascript
JS JQuery获取data-*属性值方法解析
Sep 01 jQuery
解析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
双料怀旧--SHARP GF515的维护、修理和简单调试
2021/03/02 无线电
PHP与MYSQL中UTF8 中文排序示例代码
2014/10/23 PHP
调用WordPress函数统计文章访问量及PHP原生计数器的实现
2016/03/21 PHP
phpcms配置列表页以及获得文章发布时间
2017/07/04 PHP
完美的php分页类
2017/10/24 PHP
ThinkPHP框架获取最后一次执行SQL语句及变量调试简单操作示例
2018/06/13 PHP
Ubuntu中支持PHP5与PHP7双版本的简单实现
2018/08/19 PHP
PHP 二维array转换json的实例讲解
2018/08/21 PHP
php数组和链表的区别总结
2019/09/20 PHP
如何在Laravel5.8中正确地应用Repository设计模式
2019/11/26 PHP
javascript 处理事件绑定的一些兼容写法
2009/12/24 Javascript
基于JavaScript实现继承机制之调用call()与apply()的方法详解
2013/05/07 Javascript
JavaScript类型系统之布尔Boolean类型详解
2016/06/26 Javascript
JS判断日期格式是否合法的简单实例
2016/07/11 Javascript
JavaScript cookie详解及简单实例应用
2016/12/31 Javascript
JavaScript插入排序算法原理与实现方法示例
2018/08/06 Javascript
原生javascript实现连连看游戏
2019/01/03 Javascript
vue的for循环使用方法
2019/02/12 Javascript
angular 实现下拉列表组件的示例代码
2019/03/09 Javascript
Vue快速实现通用表单验证的方法
2020/02/24 Javascript
python字符串对其居中显示的方法
2015/07/11 Python
Python中绑定与未绑定的类方法用法分析
2016/04/29 Python
利用python程序帮大家清理windows垃圾
2017/01/15 Python
Python3连接SQLServer、Oracle、MySql的方法
2018/06/28 Python
Python3爬虫爬取英雄联盟高清桌面壁纸功能示例【基于Scrapy框架】
2018/12/05 Python
django页面跳转问题及注意事项
2019/07/18 Python
django框架模型层功能、组成与用法分析
2019/07/30 Python
Django接收照片储存文件的实例代码
2020/03/07 Python
tensorflow实现从.ckpt文件中读取任意变量
2020/05/26 Python
利用异或运算实现两个无符号数的加法运算
2013/12/20 面试题
寒假实习自荐信
2014/01/26 职场文书
导航工程专业自荐信
2014/09/02 职场文书
2014年个人债务授权委托书范本
2014/09/22 职场文书
小学生暑假安全保证书
2015/07/13 职场文书
pytorch 如何使用float64训练
2021/05/24 Python
Win11电源已接通但未充电怎么办?Win11电源已接通未充电的解决方法
2022/04/05 数码科技