JSON 元素的添加删除

news/2024/7/5 7:27:30

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里面的数组,json对象,动态添加,修改,删除示例 

<!DOCTYPE html>
<html>
    
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>javascript里面的数组,json对象,动态添加,修改,删除示例</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" rel="external nofollow"  type="text/javascript"></script>
        <script type="text/javascript">
        var a = JSON.parse("{\"title\":\"\",\"data\":[]}");
        var b = JSON.parse("{\"id\":\"2\"}");
        var c = JSON.parse("{\"id\":\"3\"}");
        var d = JSON.parse("{\"id\":\"4\"}");
        var e = JSON.parse("{\"id\":\"5\"}");
        var f = JSON.parse("{\"id\":\"6\"}");

        function myObjectPush() {
            debugger;
            /* javascript里面的数组,json对象,动态添加,修改,
删除示例 只要适合Javascript的方法都是可以用在JSON对象的数组中的!
所以还有另外的方法splice( )进行crud操作!
*/
            //增加属性
            $(a).attr("id", "1");
            //增加子对象
            a.data.push(b); //数组最后加一条记录
            a.data.push(c);
            a.data.push(d);
            a.data.unshift(d); //数组最前面加一条记录
            //修改子对象及属性
            a.title = "这是json名字";
            //删除子对象
            //json的删除有很多种,直接用过 delete json对象方式:
            delete a.data[1];
            a.data.pop(); //删除最后一项
            a.data.shift(); //删除第一项
            a.data.splice(0, 1); //删除指定子对象,参数:开始位置,删除个数
            //替换不删除
            a.data.splice(1, 0, e, f); //开始位置,删除个数,插入对象
            //替换并删除 a.data.splice(0, 1, e, f);//开始位置,删除个数,插入对象
        }
        </script>
    </head>
    
    <body onload="myObjectPush()"></body>

</html>

http://lihuaxi.xjx100.cn/news/1007413.html

相关文章

4Arm PEG Glutathione,四臂聚乙二醇谷胱甘肽,多臂PEG衍生物相关知识分享整理

●中文名&#xff1a;四臂PEG谷胱甘肽&#xff0c;四臂聚乙二醇谷胱甘肽&#xff0c;四臂4arm-PEG-谷胱甘肽 ●英文名&#xff1a;4 Arm PEG Glutathione&#xff0c;4-Arm PEG-Glutathione 结构式&#xff1a; ●外观以及性质&#xff1a; 4 Arm PEG Glutathione产物呈固体…

在vscode中切换分支,显示已经删除的远程分支

运行命令&#xff1a;修剪远程分支 git remote prune origin 然后远程的已经删除的分支就不见了。

yolov5模型训练流程

yolov5简介 YOLOv5(You Only Look Once)是由 UitralyticsLLC公司发布的一种单阶段目标检测算 法&#xff0c;YOLOv5 相比YOLOv4 而言&#xff0c;在检测平均精度降低不多的基础上&#xff0c;具有均值权重文件更小&#xff0c;训练时间和推理速度更短的特点。YOLOv5 的网络结构…

深度学习12. CNN经典网络 VGG16

深度学习12. CNN经典网络 VGG16一、简介1. VGG 来源2. VGG分类3. 不同模型的参数数量4. 3x3卷积核的好处5. 关于学习率调度6. 批归一化二、VGG16层分析1. 层划分2. 参数展开过程图解3. 参数传递示例4. VGG 16各层参数数量三、代码分析1. VGG16模型定义2. 训练3. 测试一、简介 …

QN88封装国产FPGA

QN88GW1N-9管脚名GW2A-18管脚名AL3S10EG4S201VCCVCCIO_L1_1VCC_12VSSVSSIO_L2_1IO_L1_13IOL2AVCCO7IO_L3_1,MOSI,D1IO_L2_14IOL5A/JTAGSEL_N/LPLL_T_inIOL7A/LPLL1_T_inIO_L4_1IO_L1N_15IOL11A/TMSIOR25B/TMSIO_L5_1,SPICSNIO_L1P_16IOL11B/TCKIOR26A/TCKINITNGND7IOL12B/TDIIO…

Linux——管理网络安全

一、控制和管理selinux端口标记&#xff1a; 1、selinux端口标记的作用&#xff1a; Selinux不仅仅是进行文件和进程标记&#xff0c;还严格实施网络流量。Selinux用来控制网络流量的一种方法是标记网络端口。默认HTTP端口80/TCP和433/TCP具有标签http_port_t。 2、管理seli…

代码随想录算法训练营第五十二天 | 300. 最长递增子序列、674. 最长连续递增序列、718. 最长重复子数组

300. 最长递增子序列 视频讲解 主要思路&#xff1a; &#xff08;1&#xff09;dp[ i ]&#xff1a;以num[ i ]为结尾的最长递增子序列长度 &#xff08;2&#xff09;初始化&#xff1a;全部初始化为1&#xff0c;因为最短递增子序列&#xff08;就包含自己&#xff09;长…

电子学会2023年3月青少年软件编程python等级考试试卷(四级)真题,含答案解析

目录 一、单选题(共25题,共50分) 二、判断题(共10题,共20分) 三、编程题(共3题,共30分)