javascript操作json数组

最新推荐文章于 2025-09-06 09:18:28 发布

原创最新推荐文章于 2025-09-06 09:18:28 发布 · 8.1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #json #HTML

Javascript 专栏收录该内容

4 篇文章

订阅专栏

本文详细介绍了如何遍历、获取、修改、增加及删除JSON数组中的元素，并提供了具体示例代码。

json的格式如下：

    var jarray = [{"day1":"work","day2":26},{"day1":"study","day2":26}]

一、遍历json数组

1、输出json数组中的每个成员

for(var i=0; i<jarray.length; i++)
{
    console.log(jarray[i]);
}

结果如图：

2、获取json对象的key和value

    for(var i=0; i<jarray.length; i++)
	{
		//console.log(jarray[i]);
		var jobj = jarray[i];
		for(var key in jobj)
		{
			console.log("key ----- "+key);
			console.log("value ----- "+jobj[key]); 
		}
	}

结果如图：

二、修改、增加、删除json成员

1、修改

	function updateObj(day1, value)
	{
		for(var i=0; i<jarray.length; i++)
		{
			var curObj = jarray[i];
			if(curObj.day1 === day1)
			{
				curObj.day1 = value;
			}
		}
	}

updateObj("work", "修改的");

结果如图：

2、增加

使用push函数，在数组末尾添加

var obj = {"day1": "rest", "day2": "qq"};
jarray.push(obj);

指定位置添加

var obj2 = {"day1": "ex", "day2": 22}
jarray.splice(1, 0, obj2);

3、删除

	function delObj(day1)
	{
		for(var i=0; i<jarray.length; i++)
		{
			var curObj = jarray[i];
			if(curObj.day1 === day1)
			{
				jarray.splice(i,1);
			}
		}
	}

注：splice(index, howmany, element, ..., elmentX)

index: 必需，从何处添加/删除元素

howmany: 必需，删除多少个

element: 可选，要添加的元素