首先要搞清JSON的数据格式,我这里所说的JSON都是指javascript中的。

JSON数据是由对象和数组数据结构组成,我们只要学会javascript中对对象和数组的删除方法即可对JSON项进行删除操作

javasscript删除数组的3种方法

1,用shift()方法

shift:删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefined

  • var chaomao=[1,2,3,4,5]
  • var chaomao.shift() //得到1
  • alert(chaomao) //[2,3,4,5]
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]
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
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
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
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修改方法的两种衍生罢了 其他不靠谱的数组删除方法

之所以说不靠谱,是因为它没有真正删除数组项,而是是把它设置为空了,项本身的位置还在,数组项数没变

不靠谱的数组删除方法1:

  • var chaomao = [1,2,3,4,5];
  • chaomao[1]=null;
  • alert(chaomao.length); //5
var chaomao = [1,2,3,4,5];

chaomao[1]=null;

alert(chaomao.length); //5

打印出的项数还是5,并没有删除它,只是把chaomao[1]这一项值设为null,chaomao[1]=undefined,这中方法也是一样,并没有删除数组项

不靠谱的数组删除方法2:

  • var chaomao = [1,2,3,4,5];
  • delete chaomao[1];
  • alert(chaomao.length); //5
var chaomao = [1,2,3,4,5];

delete chaomao[1];

alert(chaomao.length); //5

和方法1的结果一样,并没有真正删除它,而只是把这一项设为undefined

javascript删除对象的方法

js中删除对象元素用delete操作符

我们来看看一个例子

  • var p = {
  • "name": “chaomao”,
  • "age": 45,
  • "sex": "male"
  • };
  • delete p.name
  • for(var i in p){
  • console.log(i); //输出age,sex,name项已经被删除了
  • }
var p = {
"name": “chaomao”,
"age": 45,
"sex": "male"
}; delete p.name
for(var i in p){
console.log(i); //输出age,sex,name项已经被删除了
}

javascript删除JSON元素

前面我们已经会了JS删除对象和数组的方法 我们下面进对一个具体的JSON数据进行操作

  • var computer = { //这个JSON数据由数组和对象结构组成
  • "cpu": ["intel","AMD"],
  • "harddisk": ["Western Digital","Seagate"],
  • "motherboard": ["ASUS","MSI"]
  • };
var computer = { //这个JSON数据由数组和对象结构组成
"cpu": ["intel","AMD"],
"harddisk": ["Western Digital","Seagate"],
"motherboard": ["ASUS","MSI"]
};

如果我们要删除CPU里面里intel这一个元素,因为这是数组里面的一项,所以我们用数组方法

  • computer.cpu.splice(0,1)
  • console.log(computer.cpu) //输出AMD,intel被删除了
computer.cpu.splice(0,1)
console.log(computer.cpu) //输出AMD,intel被删除了

我们如果想删除harddisk这一项,因为它是对象的一项,所以我们要用对象的删除方法进行操作

  • delete computer.harddisk
  • for(var i in computer){
  • console.log(i) //输出CPU,motherboard,harddisk被删除了
  • }
delete computer.harddisk
for(var i in computer){
console.log(i) //输出CPU,motherboard,harddisk被删除了
}

总结:JSON的主要数据结构是对象和数组,我们只要对相应的项的结构,进行相应的操作方法,就可以方便的删除JSON元素

javascript删除JSON元素的更多相关文章

  1. 【JSON】JavaScript删除json元素

    1.json中的两种结构:对象{}和数组[] 2.直接delete json对象[元素名称].

  2. Javascript 删除tr 元素

    Javascript 删除tr 元素   function delete1(obj){ var tr=obj.parentNode.parentNode; var tbody=tr.parentNod ...

  3. javascript删除数组元素的7个方法

    在JavaScript中,除了Object之外,Array类型(数组)恐怕就是最常用的类型了.与其他语言的数组相比,JavaScript中的Array非常灵活.这种灵活性有利有弊,好处是其富有创造性, ...

  4. JSON相关知识,转载:删除JSON中数组删除操作

    一:JSON是什么 JSONg格式:对象是一个无序的“名称/值”对的集合. 对象以括号开始,括号结束. 名称冒号分隔值. "名称/值"之间用逗号分隔 例: var people = ...

  5. 用Javascript动态添加删除HTML元素实例 (转载)

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  6. 在Javascript操作JSON对象,增加 删除 修改

    在Javascript操作JSON对象,增加删除修改全有的,详情见代码 <script type="text/javascript"> var jsonObj2 = { ...

  7. javascript 常见数组操作( 1、数组整体元素修改 2、 数组筛选 3、jquery 元素转数组 4、获取两个数组中相同部分或者不同部分 5、数组去重并倒序排序 6、数组排序 7、数组截取slice 8、数组插入、删除splice(需明确位置) 9、数组遍历 10、jQuery根据元素值删除数组元素的方)

    主要内容: 1.数组整体元素修改 2. 数组筛选 3.jquery 元素转数组 4.获取两个数组中相同部分或者不同部分 5.数组去重并倒序排序 6.数组排序 7.数组截取slice 8.数组插入.删除 ...

  8. JS中彻底删除json对象组成的数组中的元素

    只是分享一个小知识~ 在JS中,对于某个由json对象组成的数组,例如: var test = [{ "a": "1", "b": &quo ...

  9. Javascript根据指定下标或对象删除数组元素

    删除数组元素在工作中经常会用到,本文讲解一下Javascript根据下标删除数组元素的方法,需要了解的朋友可以参考下 将一下代码放在全局js文件中: Js代码 /** *删除数组指定下标或指定对象 * ...

随机推荐

  1. Oracle 物理体系

    Oracle  物理体系 Oracle 物理体系 问题 参考资料   Oracle 物理体系       PGA:program global area ,私有不共享内存. PGA起到预处理的作用: ...

  2. Spring 事务机制详解(事务的隔离性和传播性)

    原文出处: 陶邦仁 Spring事务机制主要包括声明式事务和编程式事务,此处侧重讲解声明式事务,编程式事务在实际开发中得不到广泛使用,仅供学习参考. Spring声明式事务让我们从复杂的事务处理中得到 ...

  3. 多进程端口监听 How nginx processes a request Server names

    网络编程( 六):端口那些事儿 - 知乎专栏  https://zhuanlan.zhihu.com/p/20365900 不停服务reload.restart 多进程端口监听 我们都有一个计算机网络 ...

  4. ORACLE日期时间函数

    ORACLE日期时间函数大全 TO_DATE格式(以时间:2007-11-02   13:45:25为例)           Year:              yy two digits 两位年 ...

  5. unity 人物描边锯齿

    项目原来实现描边用了2个pass,一个pass cull back 渲染政策,一个cull front 渲染轮廓,但问题是锯齿特别明显 尝试了下边缘光实现描边,效果更不行,边线是断的

  6. php扩展redis链接失败,返回false

    刚开始接触redis,发现一直返回false,其实只要关闭防火墙就可以连接成功了. 关闭selinux操作   方法1:修改grub.conf将参数selinux=1修改为等于selinux=0,这个 ...

  7. Hadoop createSnapshot和deleteSnapshot命令

    概述 HDFS快照是文件系统的只读时间点副本. 可以对文件系统的子树或整个文件系统进行快照. 快照的一些常见用例是数据备份,防止用户错误和灾难恢复.HDFS快照的实现是高效的: 快照创建是即时的:成本 ...

  8. idea中maven 加载spring-boot项目程序包找不到解决…

    首先检查maven配置对不对,包括被settings文件以及资源库的位置,maven版本等. 如果不行的话再进行下面的操作: 第一种方案: 在终端terminal中项目目录下,输入“mvn idea: ...

  9. app开发多少钱一个

    经常听网友问app开发要多少钱,这个问题太宽泛了,需要根据具体的需求才好定价,也就是要先做好需求分析(前面我们写了一个app开发需求文档模板),不同的功能不同的价位,就像我们买电脑,cpu多少钱.主板 ...

  10. 爬虫、网页测试 及 java servlet 测试框架等介绍

    scrapy 抓取网页并存入 mongodb的完整示例: https://github.com/rmax/scrapy-redis https://github.com/geekan/scrapy-e ...